#body, .mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}
/*.option:hover
{
    background-color:#03b8cf;
}*/
b, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

.popFaceTitle a:hover, a, a:hover {
    text-decoration: none;
}

.clear, .clearfix:after, hr {
    clear: both;
}

*, .flat .old option, .mCustomScrollBox, a, a:focus {
    outline: 0;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

    .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2);
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

*, a, body, button, caption, dd, div, dl, dt, em, figure, form, h1, h2, h3, h4, h5, h6, html, i, img, input, label, li, ol, p, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul {
    margin: 0;
    padding: 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools {
    animation: myfirst 1s;
    -webkit-animation: myfirst 1s;
    opacity: 1;
    -webkit-animation-fill-mode: forwards;
}

.article-index-box {
    width: 1040px !important;
    display: inline-block !important;
}
.article-index-box .card-box{
    width: 249px !important;
    margin-right: 12px !important;
    /*background:#f9f9f9 !important;*/
}
.article-index-box .card-box .card-img,.article-index-box .card-box .card-img a img{
    height:165px  !important;
}

.article-index-box .card-box:nth-child(4n){
    margin-right:0 !important;
}
.article-index-box-right {
    width: 325px;
    float: right;
}
.left_top_icon {
    height: 32px;
    color: #ffffff;
    line-height: 32px;
    text-align: center;
    padding: 0 10px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px 0 4px 0;
    display: block;
    position: absolute;
    left: -32px;
    top: 12px;
    width: 100px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.article-index-box-right .scroll-h ul {
	position: initial!important;
}
.article-index-box-right .scroll-h ul li span{
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.article-index-box-right .scroll-h {
	height: auto!important;
}
.article-index-box-right .hf-widget {
    height: auto!important;
}
.article-index-box-right .hf-widget {
    padding: 20px !important;
}

@keyframes myfirst {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

img {
    border: 0;
}

ul li {
    list-style-type: none;
}

a {
    color: inherit;
}

i {
    font-style: normal;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 14px;
    border: 0;
    outline: 0;
}

    button::-moz-focus-inner, input[type=button]::-moz-focus-inner {
        border: none;
        padding: 0;
    }

a[class|=btn] {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input::-webkit-input-safebox-button {
    display: none;
}

header {
    width: 100%;
    height: 60px;
    background: #03b8cf;
}

    header nav {
        height: 60px;
        margin: 0 70px;
        position: relative;
    }

        header nav .logo {
            position: absolute;
            top: 8px;
            left: 0;
        }

        header nav .logo {
            position: absolute;
            top: 8px;
            left: 0;
        }
        header nav .logo img {
            width:160px;
        }

        header nav .return-to-old {
            font-size: 12px;
            margin-left: 13px;
            float: right;
            margin-top: 4px;
        }

        header nav .header-menu-bar {
            height: 60px;
            margin: 0 auto;
        }

            header nav .header-menu-bar .search-input-hull {
                width: 540px;
                margin: 0 auto;
                position: relative;
                z-index: 9;
            }

                header nav .header-menu-bar .search-input-hull .search-ipt {
                    display: inline-block;
                    background: url(../image/nav-search-1.svg) no-repeat;
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    top: 18px;
                    right: 0;
                    z-index: 1;
                    cursor: pointer;
                }

                header nav .header-menu-bar .search-input-hull input {
                    width: 470px;
                    height: 60px;
                    color: #444;
                    background: #03b8cf;
                    position: absolute;
                    font-size: 14px;
                    line-height: 50px;
                    padding-left: 40px;
                }

                header nav .header-menu-bar .search-input-hull input::-webkit-input-placeholder { /* WebKit browsers */
                  color: #fff;
                }

                header nav .header-menu-bar .search-input-hull input::-moz-placeholder { /* Mozilla Firefox 19+ */
                  color: #fff;
                }

                header nav .header-menu-bar .search-input-hull input:-ms-input-placeholder { /* Internet Explorer 10+ */
                  color: #fff;
                }


                header nav .header-menu-bar .search-input-hull .search-cancel {
                    display: inline-block;
                    background: url(../image/guanbihover.svg) no-repeat;
                    width: 14px;
                    height: 14px;
                    position: absolute;
                    top: 21px;
                    cursor: pointer;
                    z-index: 3;
                }

                header nav .header-menu-bar .search-input-hull .search-content {
                    width: 540px;
                    background: #fff;
                    -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
                    box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
                    border-radius: 0 0 4px 4px;
                    color: #444;
                    position: absolute;
                    top: 60px;
                    overflow: hidden;
                }

                    header nav .header-menu-bar .search-input-hull .search-content .hot-list:hover, header nav .header-menu-bar .search-input-hull .search-content .search-content-list .search-l.active {
                        background: #f2f2f2;
                    }

                    header nav .header-menu-bar .search-input-hull .search-content .search-title {
                        height: 40px;
                        line-height: 40px;
                        padding-left: 20px;
                        font-size: 12px;
                        color: #bbb;
                    }

                    header nav .header-menu-bar .search-input-hull .search-content .more-link a {
                        color: #03b8cf;
                    }

                    header nav .header-menu-bar .search-input-hull .search-content .more-link-margin {
                        margin-bottom: 20px;
                    }

                    header nav .header-menu-bar .search-input-hull .search-content .check-all {
                        height: 44px;
                        line-height: 44px;
                        border-top: 1px solid #f2f2f2;
                        width: 100%;
                        color: #444;
                        display: inline-block;
                        text-align: center;
                    }

                    header nav .header-menu-bar .search-input-hull .search-content .search-no-find {
                        line-height: 40px;
                        padding: 0 20px;
                        color: #bbb;
                    }

                    header nav .header-menu-bar .search-input-hull .search-content .hot-list.hot-list-designer img {
                        width: 20px;
                        height: 20px;
                        border-radius: 50%;
                        vertical-align: middle;
                        margin-right: 10px;
                    }

                    header nav .header-menu-bar .search-input-hull .search-content .search-content-list {
                        overflow: hidden;
                    }

                        header nav .header-menu-bar .search-input-hull .search-content .search-content-list > .hot-list:first {
                            margin-top: 9px;
                        }

                        header nav .header-menu-bar .search-input-hull .search-content .search-content-list .hot-list {
                            height: 40px;
                            line-height: 40px;
                        }

                            header nav .header-menu-bar .search-input-hull .search-content .search-content-list .hot-list a {
                                display: inline-block;
                                width: 100%;
                                padding: 0 20px;
                                -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                overflow: hidden;
                            }

            header nav .header-menu-bar [placeholder], header nav .header-menu-bar input[placeholder] {
                color: #444!important;
            }

            header nav .header-menu-bar .menu-box {
                text-align: center;
            }

                header nav .header-menu-bar .menu-box > ul.menu-list-content {
                    height: 60px;
                    margin: 0 auto;
                    display: inline-block;
                }

                    header nav .header-menu-bar .menu-box > ul.menu-list-content li {
                        float: left;
                        cursor: pointer;
                        height: 60px;
                        line-height: 60px;
                        text-align: center;
                        border-left: 1px solid #03b8cf;
                        width: 110px;
                    }

                        header nav .header-menu-bar .menu-box > ul.menu-list-content li a.menu-list-box {
                            display: inline-block;
                            padding: 0 24px;
                        }

                        header nav .header-menu-bar .menu-box > ul.menu-list-content li span.menu-tit-box {
                            padding: 0 20px;
                        }

                        header nav .header-menu-bar .menu-box > ul.menu-list-content li:hover {
                            background: #02a2b7ed;
                            color: #03b8cf;
                        }

                        header nav .header-menu-bar .menu-box > ul.menu-list-content li.current a.menu-list-box {
                            font-weight: 600;
                            background: #02a2b7ed;
                        }

            header nav .header-menu-bar .discover-box {
                width: 670px;
                padding: 0;
                left: 0;
            }

                header nav .header-menu-bar .discover-box .discover-box-list {
                    border-bottom: 1px solid #eaeaea;
                    line-height: 0;
                    overflow: hidden;
                    padding: 11px 17px 17px;
                }

                    header nav .header-menu-bar .discover-box .discover-box-list div {
                        float: left;
                        /*width: 90px;*/
                        height: 28px;
                        line-height: 28px;
                        position: relative;
                        margin-top: 4px;
                        text-align: center;
                    }

                    header nav .header-menu-bar .discover-box .discover-box-list a {
                        display: inline-block;
                        min-width: 42px;
                        height: 28px;
                        line-height: 28px;
                        padding: 0 7px;
                        text-align: center;
                        position: relative;
                        margin: 0 6px;
                        border-radius: 4px;
                    }

                        header nav .header-menu-bar .discover-box .discover-box-list a:hover {
                            background: #f2f2f2;
                            color: #444;
                        }

                header nav .header-menu-bar .discover-box .discover-check-all {
                    padding: 0 30px;
                    line-height: 51px;
                }

                    header nav .header-menu-bar .discover-box .discover-check-all a {
                        margin-right: 40px;
                        color: #444;
                        padding-right: 15px;
                        background: url(../image/gengduojiantou.svg) right no-repeat;
                        background-size: 10px 10px;
                    }

                        header nav .header-menu-bar .discover-box .discover-check-all a:hover {
                            color: #03b8cf;
                            background: url(../image/gengduojiantou2.svg) right no-repeat;
                            background-size: 10px 10px;
                        }

                header nav .header-menu-bar .discover-box i {
                    display: inline-block;
                    width: 1px;
                    height: 14px;
                    background: #ddd;
                    position: absolute;
                    top: 5px;
                    right: 0;
                }

                header nav .header-menu-bar .discover-box a i:not(:last-child) {
                    width: 0;
                }

            header nav .header-menu-bar .header-menu-withmore {
                position: relative;
                cursor: pointer;
            }

                header nav .header-menu-bar .header-menu-withmore:hover {
                    background: #444;
                    color: #03b8cf;
                }

                    header nav .header-menu-bar .header-menu-withmore:hover .menu-list {
                        display: block;
                    }

                header nav .header-menu-bar .header-menu-withmore p a {
                    width: 110px;
                    position: relative;
                }

            header nav .header-menu-bar .more-menu {
                position: relative;
                cursor: pointer;
            }

                header nav .header-menu-bar .more-menu .menu-list p a {
                    width: 152px;
                    position: relative;
                }

                header nav .header-menu-bar .more-menu i {
                    display: inline-block;
                    background-image: url(../image/nav-more.svg);
                    background-repeat: no-repeat;
                    background-position: left center;
                    width: 20px;
                    height: 60px;
                    background-size: 20px auto;
                }

                header nav .header-menu-bar .more-menu _:-ms-lang(x), header nav .header-menu-bar .more-menu _::-webkit-meter-bar, header nav .header-menu-bar .more-menu i {
                    background-image: url(../image/nav-more.png);
                }

                header nav .header-menu-bar .more-menu:hover i {
                    background-image: url(../image/nav-more-hover.svg);
                    width: 20px;
                    height: 60px;
                    background-size: 20px auto;
                }

                header nav .header-menu-bar .more-menu:hover _:-ms-lang(x), header nav .header-menu-bar .more-menu:hover _::-webkit-meter-bar, header nav .header-menu-bar .more-menu:hover i {
                    background-image: url(../image/nav-more-hover.png);
                }

                header nav .header-menu-bar .more-menu:hover .menu-list {
                    display: block;
                }

            header nav .header-menu-bar .menu-list {
                left: 0;
            }

        header nav .menu-list {
            width: 110px;
            padding: 6px 0;
            position: absolute;
            background: #fff;
            top: 60px;
            border-radius: 0 0 4px 4px;
            -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
            box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
            color: #444;
            z-index: 14;
        }
        header nav .menu-list-box {
            color:#fff;
        }

            header nav .menu-list p {
                height: 44px;
                line-height: 44px;
                cursor: pointer;
            }

                header nav .menu-list p:hover {
                    background: #03b8cf;
                    color:#fff;
                }

                header nav .menu-list p a {
                    width: 100%;
                    display: inline-block;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

            header nav .menu-list sup.subnav-dot-sup {
                top: 12px;
            }

        header nav .search {
            position: absolute;
            top: 0;
            right: 192px;
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            cursor: pointer;
        }

            header nav .search i {
                display: inline-block;
                background: url(../image/nav-search-1.svg) no-repeat;
                width: 20px;
                height: 20px;
                margin-top: 18px;
            }

            header nav .search:hover {
                background: #02a2b7ed;
            }

                header nav .search:hover i {
                    background: url(../image/nav-search-hover-1.svg) no-repeat;
                }

        header nav .user-center { /*width:192px;*/
            height: 60px;
            position: absolute;
            top: 0;
            right: 0;
        }

            header nav .user-center .login {
                float: left;
            }

                header nav .user-center .login .user .avatar-container-30 {
                    padding: 13px 20px;
                }

                header nav .user-center .login .user .user-list {
                    display: block;
                }

                    header nav .user-center .login .user .user-list sup.subnav-dot-sup {
                        top: 10px;
                        right: 14px;
                    }

            header nav .user-center .unlogin {
                float: left;
            }

                header nav .user-center .unlogin li {
                    line-height: 60px;
                }

                header nav .user-center .unlogin a {
                    margin-left: 20px;
                    padding: 0;
                    color:#fff;
                }

                header nav .user-center .unlogin i {
                    display: inline-block;
                    width: 1px;
                    height: 10px;
                    background: #fff;
                    margin-left: 20px;
                }

            header nav .user-center .menu-list {
                width: 180px;
                position: absolute;
                right: 0;
                background: #fff;
                -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
                box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
                border-radius: 0 0 4px 4px;
                color: #444;
                z-index: 14;
            }

                header nav .user-center .menu-list p {
                    height: 44px;
                    line-height: 44px;
                    cursor: pointer;
                }

                    header nav .user-center .menu-list p:hover {
                        background: #03b8cf;
                    }

            header nav .user-center .header-upload {
                float: left;
                position: relative;
            }

                header nav .user-center .header-upload a.upload-link:after {
                    content: "";
                    display: inline-block;
                    background: url(../image/nav-upload.svg) center center no-repeat;
                    width: 30px;
                    height: 20px;
                }

                header nav .user-center .header-upload:hover {
                    background: #282828;
                }

                    header nav .user-center .header-upload:hover a.upload-link:after {
                        background: url(../image/nav-upload-hover.svg) center center no-repeat;
                    }

                header nav .user-center .header-upload .menu-list {
                    width: 152px;
                }

            header nav .user-center .header-menu-withmore {
                position: relative;
            }

                header nav .user-center .header-menu-withmore:hover .menu-list {
                    display: block;
                }

            header nav .user-center .upload-link {
                height: 20px;
                padding: 18px 16px;
                display: inline-block;
            }

            header nav .user-center ul li a {
                display: inline-block;
            }

            header nav .user-center > ul > li {
                float: left;
                cursor: pointer;
                position: relative;
            }

                header nav .user-center > ul > li > a {
                    padding: 18px 17px;
                }

            header nav .user-center > ul li:not(.user) .message-list {
                height: 20px;
            }

            header nav .user-center > ul .message {
                position: relative;
                height: 60px;
            }

                header nav .user-center > ul .message a.message-list {
                    position: relative;
                }

                    header nav .user-center > ul .message a.message-list i {
                        display: inline-block;
                        background: url(../image/nav-message.svg) center center no-repeat;
                        width: 25px;
                        height: 20px;
                    }

                    header nav .user-center > ul .message a.message-list sup.subnav-num-sup {
                        left: 26px;
                        word-break: normal;
                    }

                    header nav .user-center > ul .message a.message-list sup.subnav-dot-sup {
                        right: 12px;
                        top: 14px;
                    }

                header nav .user-center > ul .message:hover {
                    background: #282828;
                }

                    header nav .user-center > ul .message:hover a.message-list i {
                        background: url(../image/nav-message-hover.svg) center center no-repeat;
                    }

                header nav .user-center > ul .message .message-box {
                    width: 300px;
                    padding: 0;
                }

                    header nav .user-center > ul .message .message-box section {
                        height: 52px;
                        line-height: 52px;
                        border-bottom: 1px solid #dedede;
                        padding: 0 30px;
                        text-align: left;
                        position: relative;
                        font-size: 16px;
                        cursor: default;
                    }

                        header nav .user-center > ul .message .message-box section span {
                            font-size: 12px;
                            color: #999;
                            position: absolute;
                            right: 30px;
                            cursor: pointer;
                        }

                    header nav .user-center > ul .message .message-box .message-box-list-wrapper {
                        height: 225px;
                        position: relative;
                    }

                    header nav .user-center > ul .message .message-box ul.message-box-list {
                        height: 225px;
                        overflow-y: auto;
                        overflow: hidden;
                    }

                        header nav .user-center > ul .message .message-box ul.message-box-list li {
                            width: 240px;
                            max-height: 70px;
                            line-height: 25px;
                            padding: 10px 30px;
                            border-bottom: 1px solid #f2f2f2;
                            word-wrap: break-word;
                            position: relative;
                        }

                            header nav .user-center > ul .message .message-box ul.message-box-list li a {
                                max-height: 70px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                display: -webkit-box;
                                display: -moz-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                -moz-line-clamp: 2;
                            }

                                header nav .user-center > ul .message .message-box ul.message-box-list li a.readed {
                                    color: #bbb;
                                }

                            header nav .user-center > ul .message .message-box ul.message-box-list li:hover {
                                background: #03b8cf;
                            }

                                header nav .user-center > ul .message .message-box ul.message-box-list li:hover a {
                                    color: #282828;
                                }

                            header nav .user-center > ul .message .message-box ul.message-box-list li b {
                                font-weight: 700;
                            }

                            header nav .user-center > ul .message .message-box ul.message-box-list li span {
                                display: block;
                                position: relative;
                            }

                            header nav .user-center > ul .message .message-box ul.message-box-list li .msg-box-num {
                                background: #000;
                                display: inline-block;
                                text-align: center;
                                border-radius: 10px;
                                padding: 0 5px;
                                font-size: 12px;
                                color: #fff;
                                vertical-align: middle;
                                margin-left: 10px;
                                line-height: 15px;
                                position: absolute;
                                right: 30px;
                                top: 15px;
                                opacity: .3;
                            }

                        header nav .user-center > ul .message .message-box ul.message-box-list .news-circle a {
                            width: 210px;
                        }

                        header nav .user-center > ul .message .message-box ul.message-box-list .no-news-circle a {
                            width: auto;
                        }

                        header nav .user-center > ul .message .message-box ul.message-box-list .message-list-1 {
                            display: inline-block;
                            background: url(../image/message-list-1.png) 0 4px no-repeat;
                            width: 16px;
                            height: 28px;
                            float: left;
                        }

                        header nav .user-center > ul .message .message-box ul.message-box-list .message-list-2 {
                            display: inline-block;
                            background: url(../image/message-list-2.png) 0 4px no-repeat;
                            width: 16px;
                            height: 28px;
                            float: left;
                        }

                        header nav .user-center > ul .message .message-box ul.message-box-list .message-list-3 {
                            display: inline-block;
                            background: url(../image/message-list-3.png) 0 4px no-repeat;
                            width: 16px;
                            height: 28px;
                            float: left;
                        }

                    header nav .user-center > ul .message .message-box .check-all {
                        display: inline-block;
                        width: 300px;
                        line-height: 44px;
                        text-align: center;
                        vertical-align: middle;
                        color: #444;
                        border-top: 1px solid #eaeaea;
                    }

            header nav .user-center > ul .header-msg-menu-withmore:hover .menu-list, header nav .user-center > ul .user:hover .menu-list {
                display: block;
            }

            header nav .user-center > ul .current-style {
                background: #282828;
            }

                header nav .user-center > ul .current-style a.message-list i {
                    background: url(../image/nav-message-hover.svg) center center no-repeat;
                }

            header nav .user-center > ul .user:hover {
                background: #282828;
            }

            header nav .user-center > ul .user a.user-list img {
                width: 30px;
                height: 30px;
                vertical-align: middle;
                border-radius: 50%;
            }

            header nav .user-center > ul .user .user-box {
                padding: 0;
            }

                header nav .user-center > ul .user .user-box section {
                    line-height: 60px;
                    border-bottom: 1px solid #eee;
                    text-align: left;
                    padding-left: 20px;
                    font-weight: 600;
                }

.btn-default-main, .btn-default-secondary, .btn-disabled, .btn-small, .empty, .error-prompt .error-icon, .loading, .text-center, sup.subnav-num-sup {
    text-align: center;
}

header nav .user-center > ul .user .user-box section a {
    display: inline-block;
    width: 100%;
}

header nav .user-center > ul .user .user-box .personal-page i, header nav .user-center > ul .user .user-box .works-manange i {
    display: inline-block;
    background: url(../image/message-list-1.png) no-repeat;
    width: 16px;
    height: 16px;
}

header nav .user-center > ul .user .user-box .user-box-list {
    padding: 6px 0;
}

    header nav .user-center > ul .user .user-box .user-box-list p {
        padding-left: 0;
    }

    header nav .user-center > ul .user .user-box .user-box-list .user-box-list-area:not(:last-child) {
        border-bottom: 1px solid #eaeaea;
    }

    header nav .user-center > ul .user .user-box .user-box-list .user-box-list-area a {
        display: inline-block;
        width: 152px;
        padding-left: 20px;
        position: relative;
    }

        header nav .user-center > ul .user .user-box .user-box-list .user-box-list-area a sup {
            top: 12px;
        }

#nav-search-ipt:focus {
    background: 0 0!important;
}

*html .menu-tit-box i {
    margin-top: 10px;
}

.header {
    width: 100%;
    height: 60px;
}

.header-absolute {
    position: absolute;
    z-index: 10;
}

.community-upicon-location-prompt {
    width: 172px;
    padding-top: 26px;
    position: absolute;
    right: 16px;
    top: 44px;
    z-index: 3;
}

.community-tag-clip {
    height: 17px;
    width: 0;
    margin-top: 8px;
    border-right: 1px dashed #282828;
    right: 15px;
    position: absolute;
    top: 0;
}

    .community-tag-clip:before {
        content: "";
        display: block;
        width: 7px;
        height: 7px;
        background: #282828;
        position: absolute;
        top: -8px;
        right: -4px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

.upicon-location-tips {
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    background: rgba(40,40,40,.9);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
}

    .upicon-location-tips .upicon-close-prompt {
        margin-left: 4px;
    }

sup.subnav-dot-sup {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4a3b;
    margin: 0 0 2px 3px;
    position: absolute;
    top: 20px;
}

.block, main {
    display: block;
}

sup.subnav-num-sup {
    min-width: 8px;
    height: 16px;
    background: #f4523b;
    border-radius: 10px;
    padding: 0 4px;
    font-size: 12px;
    color: #f9f9f9;
    vertical-align: middle;
    line-height: 15px;
    margin: 0 0 2px 3px;
    position: absolute;
    top: 14px;
}

@media screen and (max-width:1280px) {
    header nav {
        margin: 0 30px;
    }
}

.sales-icon {
    height: 18px;
    line-height: 18px;
    padding: 0 3px;
    font-size: 12px;
    color: #fff;
    background: #ea4335;
}

    .sales-icon:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        border-top: 5px solid transparent;
        border-right: none;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #ea4335;
    }

#body, .p-relative {
    position: relative;
}

body, html {
    height: auto;
    background: #ffffff;
}

body {
    font: 14px "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}

input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
    background-color: #fff!important;
    background-image: none!important;
    color: #333!important;
    box-shadow: 0 0 0 1000px #f4f4f4 inset;
    -webkit-box-shadow: 0 0 0 1000px #f4f4f4 inset;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #bbb;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #bbb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #bbb;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #bbb;
}

input:-webkit-autofill:focus, textarea:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px #fff inset;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
    background: #fff;
    color: #444;
}

input[type=text].borderred, textarea.borderred {
    border: 1px solid #f4523b!important;
}

hr {
    border: 0;
    height: 1px;
}

#body {
    color: #282828;
    padding-bottom: 229px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-wrapper {
    margin-bottom: 40px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.mt-10 {
    margin-top: 10px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-22 {
    margin-top: 22px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt_-9 {
    margin-top: -9px;
}

.mt_-10 {
    margin-top: -10px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mlr-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.ptb-6 {
    padding: 6px 0;
}

.p-lr-20 {
    padding: 0 20px;
}

.p-20 {
    padding: 20px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-16 {
    font-size: 16px;
}

.f-14 {
    font-size: 14px;
}

.f-12 {
    font-size: 12px;
}

.f-24 {
    font-size: 24px;
}

.f-32 {
    font-size: 32px;
}

.f-40 {
    font-size: 40px;
}

.c-fff {
    color: #fff;
}

.c-bbb {
    color: #bbb;
}

.c-999 {
    color: #999;
}

.c-000 {
    color: #000;
}

.c-666 {
    color: #666;
}

.c-D0021B {
    color: #d0021b;
}

.c-ea4335 {
    color: #EA4335;
}

.bc-f9 {
    background-color: #F9F9F9;
}

.bc-fff {
    background-color: #fff;
}

.bc-fb {
    background: #fbfbfb;
}

.line-56 {
    line-height: 56px;
}

.fwt-800 {
    font-weight: 800;
}

.f-weight {
    font-weight: 700;
}

.border-bottom {
    border-bottom: 1px solid #eee;
}

.border-top {
    border-top: 1px solid #eee;
}

.border-right {
    border-right: 1px solid #eee;
}

.border-left {
    border-left: 1px solid #eee;
}

.border-radius-top {
    border-radius: 4px 4px 0 0;
}

.border-radius-bottom {
    border-radius: 0 0 4px 4px;
}

.hightlight {
    color: #f4523b;
}

.clearfix:after {
    content: " ";
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    zoom: 1;
}

.z-center {
    margin: 0 auto;
}

.i-block {
    display: inline-block;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-between, .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-center {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-between {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.items-col-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.f-direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.zc-hide {
    display: none;
}

.closebtn, .label-checkbox, .n-request-checkbox {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

.btn-default-main {
    color: #fff;
    background: #03b8cf;
    border: 1px solid #03b8cf;
    border-radius: 4px;
    cursor: pointer;
}

    .btn-default-main:hover {
        color: #fff;
        background: #02a2b7ed;
        border: 1px solid #02a2b7ed;
    }

.btn-default-secondary {
    color: #fff;
    background: #03b8cf;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-default-secondary:hover {
        background: #02a2b7ed;
        border-color:#03b8cf;
        color: #fff;
    }

.btn-default-loading {
    color: #fff;
    background: #03b8cf;
    border: 1px solid #03b8cf;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

.btn-disabled {
    color: #bbb;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: default;
    pointer-events: none;
}

.disabled {
    color: #bbb!important;
    cursor: default!important;
}

.disabled-color {
    color: #bbb!important;
    pointer-events: none;
}

.btn-current-big {
    width: 320px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
}

.btn-current-h44 {
    width: 180px;
    height: 44px;
    line-height: 42px;
    font-size: 14px;
}

.btn-current-middle, .btn-current-small {
    height: 36px;
    line-height: 36px;
    -webkit-box-sizing: border-box;
    font-size: 14px;
}

.btn-current-middle {
    min-width: 118px;
    padding: 0 20px;
    box-sizing: border-box;
}

.btn-current-small {
    width: 80px;
    box-sizing: border-box;
}

.btn-small, .text-style {
    -webkit-box-sizing: border-box;
}

.btn-small {
    width: 76px;
    height: 28px;
    line-height: 26px;
    box-sizing: border-box;
    cursor: pointer;
}

.btn-current-null {
    min-width: 126px;
    height: 36px;
    padding: 0 19px;
    line-height: 36px;
}

.zcool-link-color {
    color: #03b8cf;
    cursor: pointer;
}

.sub-link {
    color: #999;
}

    .link, .sub-link.current, .sub-link:hover {
        color: #282828;
    }

        .link.current, .link:hover {
            color: #03b8cf;
        }

.error-color {
    color: #f4523b;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.medium-title {
    font-size: 14px;
    color: #666;
}

.grey-btn-small {
    background: #eee;
    padding: 4px 10px;
    border-radius: 4px;
    color: #bbb;
}

.js-seconds-shade, .mask-layer-full-screen, .shade {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
}

.mask-layer-full-screen {
    z-index: 2;
}

.js-seconds-shade, .shade {
    left: 0;
}

.shade {
    z-index: 12;
}

.js-seconds-shade {
    z-index: 14;
}

.closebtn {
    width: 20px;
    height: 20px;
    background: url(../image/shanchuxiao-1.svg) no-repeat;
    cursor: pointer;
}

.text-style, .textarea-style, .textarea-style2 {
    height: 42px;
    color: #666;
    font-size: 14px;
    border: 1px solid #ddd;
}

.closebtn:hover {
    background: url(../image/shanchuxiaohover-1.svg) no-repeat;
}

.check-c, .check-cd {
    background-repeat: no-repeat;
    background-size: 14px;
}

.label-checkbox, .n-request-checkbox {
    line-height: 1;
    cursor: pointer;
}

    .label-checkbox input[type=checkbox], .n-request-checkbox input[type=checkbox] {
        opacity: 0;
        margin-right: 10px;
        vertical-align: middle;
        cursor: pointer;
    }

.check-c {
    background-image: url(../image/checkbox-2.svg);
}

.check-cd {
    background-image: url(../image/checkboxed-2.svg);
}

.auto-select-c {
    background: url(../image/checkbox-2.svg) 0 2px no-repeat;
    cursor: pointer;
}

    .auto-select-c input {
        opacity: 0;
        vertical-align: middle;
        margin-right: 10px;
        cursor: pointer;
    }

.auto-select-cd {
    background: url(../image/checkboxed-2.svg) 0 2px no-repeat;
    cursor: pointer;
}

    .auto-select-cd input {
        opacity: 0;
        vertical-align: middle;
        margin-right: 10px;
        cursor: pointer;
    }

.text-style {
    padding-left: 20px;
    padding-right: 20px;
    background: #f4f4f4;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .text-style.text-withcount {
        padding-right: 40px;
    }

.textarea-style, .textarea-style2 {
    width: 100%;
    max-height: 134px;
    padding: 10px 20px;
    background: #f4f4f4;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    resize: none;
}

.textarea-style2 {
    height: 108px;
    overflow-y: auto;
}

.textarea-style.text-withcount {
    padding-right: 50px;
}

.selected-common-style {
    height: 42px;
    padding: 0 18px;
    line-height: 40px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bg-box-radius {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
}

.body-fixed, .confirm-body-fixed, .hidden {
    overflow: hidden;
}

.scroll-fixed, .scroll-fixed .is-offset-fixed-wrap {
    padding-right: 17px;
}

.error-prompt {
    color: #f14538;
    font-size: 12px;
    line-height: 20px;
}

    .error-prompt .error-icon {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        font-style: normal;
        color: #fff;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        zoom: 1;
        background: url(../image/error.svg) no-repeat;
    }

.radio .radio-0 {
    background: url(../image/radioxuanzhong-2.svg) left no-repeat;
}

.radio .radio-1 {
    background: url(../image/radio-2.svg) left no-repeat;
}

.radio label {
    height: 16px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    cursor: pointer;
}

    .radio label input {
        opacity: 0;
        margin-right: 10px;
        cursor: pointer;
    }

.disabled .radio label input, .disabled label, .disabled label input[type=checkbox] {
    cursor: default;
}

.empty {
    font-size: 14px;
    color: #666;
    line-height: 156px;
}

.loading {
    padding: 30px 0;
    line-height: 200px;
}

.loadding-pmin-47 {
    min-height: 47px;
}

.null-wrap {
    background: #fff;
}

    .null-wrap .work-null {
        margin-top: 0;
    }

    .null-wrap .null-page-images {
        display: inline-block;
        vertical-align: middle;
        width: 382px;
        height: 180px;
        background: url(../image/notfind.png);
        background-size: auto 180px;
        -webkit-background-size: auto 180px;
        -moz-background-size: auto 180px;
    }

    .null-wrap .null-page-title1 {
        font-size: 28px;
        margin-top: 30px;
    }

    .null-wrap .null-search-box:after {
        content: "";
        display: table;
        clear: both;
    }

    .null-wrap .null-search-covers {
        width: 600px;
        margin: 20px auto 0;
        position: relative;
    }

        .null-wrap .null-search-covers .search-tip {
            position: absolute;
            right: -132px;
            top: 10px;
        }

    .null-wrap .null-search-text {
        width: 520px;
        height: 40px;
        color: #666;
        font-size: 12px;
        border: 1px solid #ddd;
        border-right: none;
        border-radius: 4px 0 0 4px;
        padding-left: 20px;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }

    .null-wrap .null-search-btn {
        width: 80px;
        height: 40px;
        float: left;
        background-image: url(../image/nav-search-1.svg);
        background-size: 19px 19px;
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0 4px 4px 0;
        vertical-align: middle;
        margin-left: -5px;
        cursor: pointer;
    }

    .null-wrap .search-hot-box {
        text-align: left;
        margin-top: 8px;
    }

        .null-wrap .search-hot-box > span {
            color: #999;
            font-size: 12px;
        }

        .null-wrap .search-hot-box > a {
            font-size: 12px;
            color: #666;
            margin-left: 20px;
        }

            .null-wrap .search-hot-box > a:hover {
                color: #282828;
            }

.a-screen, .work-null {
    width: 100%;
    min-height: 349px;
    margin: 20px auto 0;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .a-screen .work-null-inner, .work-null .work-null-inner {
        padding: 40px 0;
    }

        .a-screen .work-null-inner .null-images, .work-null .work-null-inner .null-images {
            display: inline-block;
            background: url(../image/null-page-draw.png) no-repeat;
            width: 280px;
            height: 165px;
            background-size: 280px;
            vertical-align: middle;
        }

            .a-screen .work-null-inner .null-images.h-125, .work-null .work-null-inner .null-images.h-125 {
                height: 125px;
                background-size: auto 125px;
                background-position: center top;
            }

.a-screen, .null-bg-tranparent {
    background: 0 0;
}

    .a-screen .work-null-inner .work-null-tips, .work-null .work-null-inner .work-null-tips {
        text-align: center;
        color: #666;
        margin-top: 26px;
    }

        .a-screen .work-null-inner .work-null-tips .subject-title, .work-null .work-null-inner .work-null-tips .subject-title {
            color: #444;
            font-size: 16px;
        }

        .a-screen .work-null-inner .work-null-tips .subhead-title, .work-null .work-null-inner .work-null-tips .subhead-title {
            font-size: 14px;
        }

    .a-screen .work-null-inner .btn-current-null, .work-null .work-null-inner .btn-current-null {
        margin-top: 16px;
    }

    .a-screen.min-h-265, .work-null.min-h-265 {
        min-height: 265px;
    }

    .a-screen.min-h-364, .work-null.min-h-364 {
        min-height: 364px;
    }

    .a-screen.center, .work-null.center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.a-screen {
    margin: 0 auto;
}

.deleted-images {
    display: inline-block;
    vertical-align: middle;
    width: 593px;
    height: 267px;
    background: url(../image/notfind.png);
    background-size: 593px 267px;
    -webkit-background-size: 593px 267px;
    -moz-background-size: 593px 267px;
}

.unlogin-images {
    width: 421px;
    height: 181px;
    background: url(../image/null-login.png);
    background-size: 421px 181px;
    display: inline-block;
}

.msg-box-null {
    text-align: center;
    height: 225px;
    position: absolute;
    top: 0;
    left: 61px;
    cursor: default;
}

    .msg-box-null .msg-box-inner {
        padding-top: 40px;
    }

        .msg-box-null .msg-box-inner .null-images {
            display: inline-block;
            background: url(../image/null-page-draw.png) no-repeat;
            background-size: 180px;
            width: 180px;
            height: 121px;
            vertical-align: middle;
        }

        .msg-box-null .msg-box-inner .msg-null-tips {
            line-height: 20px;
            padding: 0;
            margin-top: 0;
            display: block;
        }

.container-area-media:after, .container-area:after {
    display: table;
    content: "";
    clear: both;
}

.work-null-largewhite {
    min-height: 500px;
    height: calc(100vh - 96px - 206px);
    text-align: center;
    background: #fff;
    position: relative;
}

    .work-null-largewhite .error-content {
        min-height: 321px;
        font-size: 16px;
        color: #282828;
        background-repeat: no-repeat;
        background-position: center top;
        position: absolute;
        top: 50%;
        margin-top: -160.5px;
        left: 50%;
        margin-left: -299px;
    }

        .work-null-largewhite .error-content img {
            width: 593px;
            height: 267px;
        }

.zcool-skip-inner {
    text-align: center;
    margin-top: 70px;
}

    .zcool-skip-inner .zcool-skip-tips {
        font-size: 16px;
        color: #444;
    }

    .zcool-skip-inner .skip-images {
        background: url(../image/skip404.png) no-repeat;
        width: 179px;
        height: 179px;
        margin: 30px auto;
    }

    .zcool-skip-inner .time-tips {
        font-size: 14px;
        color: #444;
        margin-bottom: 24px;
    }

        .zcool-skip-inner .time-tips span {
            color: #ea4335;
        }

    .zcool-skip-inner .btn-default-secondary {
        background: #f4f4f4;
    }

    .zcool-skip-inner .btn-current-skip {
        width: 118px;
        height: 40px;
        line-height: 40px;
    }

.advlong-bottom .advlong-default img, .advlong-top .advlong-default img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.container-area-media {
    margin: 0 auto;
}

    .container-area-media.mt-20 {
        margin-top: 20px;
    }

.advlong-top, .advlong-top .advlong-default {
    margin: 0 auto;
}

.advlong-bottom {
    margin: 20px auto;
}

    .advlong-bottom .advlong-default {
        margin: 0 auto;
    }

        .advlong-bottom .advlong-default span:first-child, .advlong-top .advlong-default span:first-child {
            float: left;
        }

        .advlong-bottom .advlong-default span:last-child, .advlong-top .advlong-default span:last-child {
            float: right;
        }

.biaoqing, .container-area-left, .pm-suggest-tips .img-item > img, .wx-code {
    float: left;
}

.container-area {
    margin: 20px auto 0;
}

    .container-area.mt-0 {
        margin-top: 0;
    }

.main-wrapper .main-wrapper-advlong-top {
    padding: 20px 0;
    background: #fff;
}

.advlong-center .advlong-default {
    height: auto;
}

.new-red-public {
    display: inline-block;
    text-align: center;
    background: #f4523b;
    border-radius: 10px;
    padding: 0 5px;
    font-size: 12px;
    color: #f9f9f9;
    vertical-align: middle;
    margin-left: -10px;
    line-height: 15px;
}

.new-red {
    width: 28px;
    height: 16px;
    margin-left: 12px;
}

.new-red-active {
    position: absolute;
    top: 10px;
    height: 16px;
}

@media screen and (max-width:1600px) {
    .advlong-center, .classify-select .classify-box, .container-area, .subnav-contentbox, .team-bg {
        width: 1380px;
    }

    .advtop, .banner, .slider, .work-null {
        max-width: 1380px;
    }

    .container-area-right {
        margin-left: 280px;
    }

    .advlong-center {
        margin: 0 auto;
    }

    .advlong-default, .advlong-top {
        width: 1380px;
        height: 115px;
    }

        .advlong-default a, .advlong-default img, .advlong-default span, .advlong-top a, .advlong-top img, .advlong-top span {
            width: 680px!important;
            height: 115px!important;
        }



    .advtop li {
        max-width: 260px;
    }

    .advtop #testac1 a, .advtop #testac1 img, .advtop #testac2 a, .advtop #testac2 img, .advtop #testac3 a, .advtop #testac3 img, .advtop #testac4 a, .advtop #testac4 img, .advtop #testac5 a, .advtop #testac5 img {
        width: 260px!important;
        height: 208px!important;
    }

    .content-right-media {
        width: 1100px;
    }

    .container-area-media {
        width: 1200px;
    }

    .hover-content-wrap ul {
        width: 1380px;
    }

    .my-life-circle-wraper .life-picture-wrap {
        max-width: 100%;
    }

    .my-life-circle-wraper .squared-paper img {
        width: 245px;
        height: 245px;
    }

    .loadding-media-h {
        height: 236px;
    }

    .designer-change-box-h {
        height: 395px;
    }
}

@media screen and (min-width:1601px) {
    .advlong-center, .classify-select .classify-box, .container-area, .subnav-contentbox, .team-bg {
        width: 1380px;
    }

    .advtop, .banner, .slider, .work-null {
        max-width: 1380px;
    }

    .container-area-right {
        margin-left: 280px;
    }

    .advlong-center {
        margin: 0 auto;
    }

    .advlong-default, .advlong-top {
        width: 1380px;
        height: 115px;
    }

        .advlong-default a, .advlong-default img, .advlong-default span, .advlong-top a, .advlong-top img, .advlong-top span {
            width: 680px!important;
            height: 115px!important;
        }



    .advtop li {
        max-width: 260px;
    }

    .advtop #testac1 a, .advtop #testac1 img, .advtop #testac2 a, .advtop #testac2 img, .advtop #testac3 a, .advtop #testac3 img, .advtop #testac4 a, .advtop #testac4 img, .advtop #testac5 a, .advtop #testac5 img {
        width: 260px!important;
        height: 208px!important;
    }

    .content-right-media {
        width: 1100px;
    }

    .container-area-media {
        width: 1200px;
    }

    .hover-content-wrap ul {
        width: 1380px;
    }

    .my-life-circle-wraper .life-picture-wrap {
        max-width: 100%;
    }

    .my-life-circle-wraper .squared-paper img {
        width: 245px;
        height: 245px;
    }

    .loadding-media-h {
        height: 236px;
    }

    .designer-change-box-h {
        height: 395px;
    }
}

@media screen and (max-width:1200px) {
    #body, main {
        width: 1200px;
    }

    .subnav-contentbox {
        width: 1130px;
    }
}

.temporary-entrance {
    position: absolute;
    right: 0;
    bottom: 0;
}

.a-small-sort-nav {
    display: inline-block;
    padding: 4px 10px;
}

    .a-small-sort-nav:hover {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        background: #f2f2f2;
    }

.popup-box {
    width: 400px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -90px 0 0 -220px;
    padding-bottom: 30px;
    z-index: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
}

    .popup-box .popup-tit {
        height: 54px;
        line-height: 54px;
        font-size: 14px;
        color: #19181A;
        text-align: left;
        padding-left: 30px;
        border-bottom: 1px solid #eaeaea;
    }

    .popup-box .rich-text {
        text-align: center;
        font-size: 12px;
        color: #999;
        margin: 4px 0 50px;
    }

    #tip p, .popup-box .popup-content {
        font-size: 16px;
        text-align: center;
    }

    .popup-box .popup-tit #popup-header-close {
        background: url(../image/popclose.png) center no-repeat;
        width: 13px;
        height: 13px;
        position: absolute;
        top: 21px;
        right: 25px;
        z-index: 10;
        cursor: pointer;
    }

        .popup-box .popup-tit #popup-header-close:hover {
            background-image: url(../image/popclose.png) no-repeat;
        }

    .popup-box .popup-content {
        color: #444;
        margin: 35px auto;
        padding: 0 30px;
        word-wrap: break-word;
    }

.mask-layer {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    z-index: 99;
}

#tip, .pop-up {
    background: #fff;
    left: 50%;
}

.popup-box .pop-btn {
    text-align: center;
    margin-top: 30px;
}

#tip {
    width: 300px;
    height: 200px;
    color: #333;
    position: fixed;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    box-shadow: 1px 1px 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.2);
    z-index: 100;
}

.alert-confirm .tips-text-normal .large-text, .pop-up, .pop-up-confirm .tips-text-normal .large-text {
    color: #444;
}

#tip p {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    width: 100%;
}

.alert-confirm .tips-text-normal .medium-text, .pop-subtitle, .pop-up-confirm .tips-text-normal .medium-text, .popup-title {
    font-size: 14px;
}

.pop-login {
    width: 400px;
    height: 500px;
    position: fixed;
    top: 50%;
    margin-top: -231px;
    left: 50%;
    margin-left: -200px;
    z-index: 15;
}

.login-box, .pop-up .pinlunt {
    position: relative;
}

.member-login {
    margin-top: -5px;
    padding-bottom: 20px;
    text-align: left;
    border-bottom: 1px solid #eaeaea;
}

.feedback-pop, .private-pop {
    width: 512px;
    margin-left: -256px;
    margin-top: -224px;
}

    .feedback-pop .text-style, .private-pop .text-style {
        width: 100%;
    }

.pop-up:after {
    content: "";
    display: table;
    clear: both;
}

.pop-up .text-style {
    padding-right: 40px;
}

.centre-pop {
    width: 480px;
    margin-left: -240px;
    margin-top: -145px;
}

.pop-up {
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    position: fixed;
    top: 50%;
    z-index: 16;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.popup-title {
    padding: 20px 30px;
    line-height: 14px;
    border-bottom: 1px solid #eee;
}

.popup-con {
    padding: 30px;
}

.pop-subtitle {
    margin-top: 25px;
}

.pop-close, .small-close {
    width: 15px;
    height: 15px;
    background: url(../image/guanbi-1.svg) no-repeat;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    position: absolute;
    right: 30px;
    top: 20px;
}

    .pop-close:hover, .small-close:hover {
        background: url(../image/guanbihover.svg) no-repeat;
    }

.pop-up-confirm .tips-text {
    padding: 56px 30px 0;
}

.alert-confirm .tips-text {
    padding: 56px 24px 0;
}

.seconds-alert-text {
    text-align: center;
    margin-top: 15px;
    line-height: 26px;
    margin-bottom: -15px;
}

.alert-confirm, .pop-up-confirm {
    padding: 0 0 83px;
}

    .alert-confirm .tips-text-normal, .pop-up-confirm .tips-text-normal {
        position: absolute;
        top: 50%;
        margin-top: -12px;
    }

    .alert-confirm .tips-text, .pop-up-confirm .tips-text {
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #666;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.pop-up-normal {
    padding: 30px 0;
}

    .pop-up-normal .medium-text {
        font-size: 14px;
    }

    .pop-up-normal .large-text {
        color: #444;
    }

    .pop-up-normal .tips-text {
        width: 100%;
        font-size: 16px;
        text-align: center;
        color: #666;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.remind-bind-pop .tips-alert-text, .wx-tip-con .draw-tip {
    font-size: 14px;
}

.alert-confirm, .pop-up-confirm, .pop-up-normal, .wx-code-pop {
    background: #fff;
    color: #444;
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    vertical-align: middle;
    z-index: 15;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wx-code, .wx-tip-con {
    display: inline-block;
}

.alert-confirm, .pop-up-confirm, .pop-up-normal {
    width: 300px;
    margin-left: -150px;
    margin-top: -120px;
}

    .alert-confirm .pop-btn-con, .pop-up-confirm .pop-btn-con, .pop-up-normal .pop-btn-con {
        position: absolute;
        bottom: 20px;
    }

.pop-cancel, .pop-confirm {
    min-width: 120px;
    height: 36px;
    margin: 20px 8px 0;
    padding: 0 20px;
    font-size: 14px;
}

.remind-bind-pop {
    width: 412px;
}

    .remind-bind-pop .tips-text {
        color: #282828;
    }

.remind-bind-copy {
    padding: 0 30px;
    color: #282828;
    margin-top: 5px;
    line-height: 24px;
}

.wx-code-pop {
    width: 466px;
    height: 222px;
    margin-left: -229px;
    margin-top: -114px;
    padding: 58px 20px 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wx-code {
    width: 130px;
    height: 130px;
    margin-top: 4px;
    margin-right: 8px;
}

.wx-tip-con .send-con-tip {
    margin-top: 20px;
    font-size: 12px;
    color: #666;
}

.label-noinfo {
    color: #999;
    font-size: 12px;
    position: absolute;
    bottom: 30px;
    right: 20px;
    cursor: pointer;
}

.login-success-pop {
    width: 420px;
    margin-left: -210px;
    margin-top: -134.5px;
}

.alert-confirm .pop-btn-con, .pop-up-confirm .pop-btn-con, .pop-up-normal .pop-btn-con {
    width: 100%;
}

.toast-fail, .toast-success {
    padding: 30px;
    text-align: center;
    width: 300px;
    min-height: 200px;
    background: #fff;
    color: #444;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -120px;
    display: block;
    vertical-align: middle;
    z-index: 150;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.42,0,.22,1.59);
    transition: all .2s cubic-bezier(.42,0,.22,1.59);
}

    .toast-fail .toast-tips-text, .toast-success .toast-tips-text {
        font-size: 16px;
        margin-top: 14px;
    }

    .toast-fail .toast-socend-text, .toast-success .toast-socend-text {
        font-size: 14px;
    }

    .toast-fail.hide, .toast-success.hide {
        display: block;
    }

    .toast-fail.scale, .toast-success.scale {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .toast-success .toast-pictrue {
        background-image: url(../image/success.png);
    }

    .toast-fail .toast-pictrue {
        background-image: url(../image/fail.png);
    }

.toast-pictrue {
    width: 132px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 132px 100px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

.pm-suggest-tips, .pop-pm-suggest {
    width: 480px;
    margin-top: -167px;
    margin-left: -240px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .pop-pm-suggest .suggest-item label {
        margin-right: 36px;
    }

    .pop-pm-suggest .suggest-box {
        margin-top: -14px;
    }

.pop-auxiliary-tips {
    font-size: 12px;
    color: #666;
    line-height: 18px;
}

.pm-suggest-tips {
    padding: 10px 30px 30px;
    color: #282828;
}

    .pm-suggest-tips .img-item {
        margin-top: 20px;
    }

        .pm-suggest-tips .img-item:after {
            content: "";
            display: table;
            clear: both;
        }

    .pm-suggest-tips .sug-tips-item {
        padding: 8px 12px;
        margin-left: 16px;
        line-height: 26px;
        background: #eee;
        float: left;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        display: inline-block;
        position: relative;
    }

        .pm-suggest-tips .sug-tips-item:before {
            content: "";
            display: block;
            border-top: 6px solid transparent;
            border-right: 6px solid #eee;
            border-bottom: 6px solid transparent;
            border-left: none;
            position: absolute;
            left: -6px;
            top: 16px;
        }

    .pm-suggest-tips .con-item-box {
        padding-left: 55px;
        margin-top: 26px;
        line-height: 26px;
    }

.pop-close-tips {
    width: 420px;
    height: 260px;
    margin-left: -210px;
    margin-top: -130px;
}

    .pop-close-tips .envelop-image {
        width: 265px;
        height: 150px;
        margin: 24px auto 20px;
        background: url(../image/submit-image.svg) left center no-repeat;
    }

.report-con-covers {
    min-height: 248px;
}

.reportpop-con {
    padding-top: 0;
}

    .reportpop-con .radio label {
        height: auto;
        line-height: 22px;
    }

.report-option-row {
    border-bottom: 1px solid #eee;
}

    .report-option-row label {
        width: 100%;
        padding: 20px 0;
        vertical-align: inherit;
    }

.card-icon, .redwarn, .worktag-con {
    vertical-align: middle;
}

.report-option-row label.current, .report-option-row label:hover {
    color: #03b8cf;
}

.report-option-row label.radio-1 {
    background: url(../image/radio-2.svg) left 24px no-repeat;
}

.report-option-row label.radio-0 {
    background: url(../image/radioxuanzhong-2.svg) left 24px no-repeat;
}

.error-pictrue {
    min-height: 500px;
    height: calc(100vh - 96px - 206px);
    text-align: center;
}

    .error-pictrue .error-content {
        width: 100%;
        min-height: 321px;
        font-size: 16px;
        color: #282828;
        background-repeat: no-repeat;
        background-position: center top;
        position: absolute;
        top: 50%;
        margin-top: -242px;
    }

.five-error-pictrue {
    min-height: 500px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .five-error-pictrue .error-content {
        font-size: 16px;
        text-align: center;
        margin-top: -10%;
    }

.air-bubble, .air-bubble-tips {
    padding: 20px;
    color: #666;
    background-color: rgba(0,0,0,.8);
    font-size: 12px;
    position: absolute;
    z-index: 3;
    display: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .air-bubble-tips:before, .air-bubble:before {
        content: "";
        display: block;
        border: 10px solid transparent;
        border-bottom: 10px solid rgba(0,0,0,.8);
        position: absolute;
        left: 50%;
        margin-left: -10px;
        border-top: 0;
        top: -10px;
    }

.team-home-bg {
    padding-top: 20px;
}

.content-center-box {
    padding: 20px 0;
}

.middle-title-wrap {
    width: 100%;
    line-height: 65px;
    padding: 0 30px;
    background: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .middle-title-wrap .middle-title {
        font-size: 16px;
        color: #444;
        display: inline-block;
        vertical-align: middle;
        zoom: 1;
    }

.album-title {
    min-height: 14px;
    line-height: 14px;
    margin: 20px 0;
    color: #666;
    position: relative;
}

    .album-title a {
        position: absolute;
        right: 0;
        color: #03b8cf;
    }

.specific-symbol {
    display: inline-block;
    background: url(../image/all-right-arrow.png) no-repeat;
    width: 6px;
    height: 9px;
    margin-left: 10px;
}

.section-title {
    line-height: 14px;
    margin: 20px 0;
    position: relative;
    color: #444;
}

    .section-title .filtrate {
        color: #444;
    }

        .section-title .filtrate .specific-symbol {
            display: inline-block;
            background: url(../image/selectarrow.png) no-repeat;
            width: 12px;
            height: 7px;
            margin: 0 0 1px 6px;
        }

    .section-title a {
        position: absolute;
        right: 0;
        color: #03b8cf;
    }

.count, .counter {
    right: 20px;
    font-style: normal;
}

.section-title a .specific-symbol {
    display: inline-block;
    background: url(../image/all-right-arrow.png) no-repeat;
    width: 6px;
    height: 9px;
}

.card-icon {
    margin-right: 10px;
    margin-top: -3px;
}

.arrow-small-r {
    width: 10px;
    height: 10px;
    background: url(../image/gengduojiantou.svg) no-repeat;
    display: inline-block;
}

.select-shixin-arrow, .select-shixin-arrow-up {
    display: inline-block;
    width: 11px;
    height: 6px;
    margin-left: 10px;
}

.select-shixin-arrow {
    background: url(../image/shixinjiantou.svg) no-repeat;
}

    .select-shixin-arrow:hover {
        background: url(../image/shixinjiantouhover-1.svg) no-repeat;
    }

.kongxin-arrow, .kongxin-arrow-up {
    background: url(../image/jiantouhover.svg) no-repeat;
}

.select-shixin-arrow-up {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.kongxin-arrow {
    width: 12px;
    height: 7px;
    display: inline-block;
    -webkit-transition: linear .2s;
    transition: linear .2s;
}

    .kongxin-arrow.ml-4 {
        margin-left: 4px;
    }

.kongxin-arrow-up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.more-with-arrow {
    padding-right: 20px;
    color: #03b8cf;
    background: url(../image/all-right-arrow.png) right center no-repeat;
}

.expression-box {
    height: 38px;
    line-height: 18px;
    margin-top: 15px;
    font-size: 12px;
    color: #666;
}

.biaoqing {
    padding-left: 30px;
    background-image: url(../image/biaoqing-1.svg);
    background-repeat: no-repeat;
    background-position: left center;
    color: #666;
    background-size: 18px 18px;
    cursor: pointer;
}

    .biaoqing:hover {
        color: #03b8cf;
    }

.biaoqing-disabled {
    color: #bbb;
    background-image: url(../image/grey-placeholder-icon.svg);
    pointer-events: none;
}

.center-section-wrap {
    width: 900px;
    margin: 20px auto 0;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}

.popFace.scrollbar, .scrollbar {
    overflow: hidden;
    overflow-y: scroll;
}

    .scrollbar::-webkit-scrollbar {
        width: 4px;
        background-color: #f2f2f2;
    }

    .scrollbar::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color: transparent;
    }

.flat .old option {
    display: none;
    height: 0;
    border: 0;
}

.scrollbar::-webkit-scrollbar-thumb {
    height: 40px;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color: rgba(0,0,0,.2);
}

.login-close, .redwarn {
    border-radius: 50%;
    display: inline-block;
}

.text-ifram {
    position: relative;
}

.count, .counter, .login-close {
    position: absolute;
}

.arrowhead-style {
    color: #bbb;
}

.count, .counter, .worktag-con {
    font-size: 12px;
    color: #999;
}

.count {
    line-height: 1;
    bottom: 15px;
}

.exceeded, .warning {
    color: red!important;
}

.login-close {
    width: 30px;
    height: 30px;
    background: url(../image/icon-close.svg) center no-repeat;
    cursor: pointer;
    top: 2px;
    right: -44px;
}

    .login-close:hover {
        background: url(../image/icon-close-hover.svg) center no-repeat;
    }

.ul-select {
    max-height: 200px;
}

.redwarn {
    width: 4px;
    height: 4px;
    background: #f14538;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    zoom: 1;
}

    .redwarn.p-absolute {
        position: absolute;
        left: 0;
        top: 9px;
    }

        .redwarn.p-absolute.at-19 {
            top: 19px;
        }

        .redwarn.p-absolute.at-10 {
            top: 10px;
        }

        .redwarn.p-absolute.al-20 {
            left: -20px;
        }

.worktag-con {
    max-width: 60px;
    height: 24px;
    line-height: 24px;
    padding: 0 14px;
    margin: 0 5px 10px 0;
    background: #eee;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: inline-block;
    zoom: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.project-tag-12, .project-tag-14 {
    margin-right: 6px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.project-tag12-title {
    padding: 3px 0;
    font-size: 14px;
    color: #282828;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

.project-tag-12, .tag-expand-more-12 {
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    zoom: 1;
}

.project-tag-12 {
    padding: 3px 12px;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
}

    .project-tag-12:hover, .project-tag-10:hover {
        background: #03b8cf;
        border-color:#03b8cf;
        color: #fff;

    }

    .project-tag-12.current, .project-tag-12.current:hover {
        border: 1px solid #03b8cf;
    }

    .project-tag-12.current {
        background: #03b8cf;
        color: #282828;
    }

    .project-tag-12.disabled:hover {
        color: #bbb;
        border: 1px solid #ddd;
    }

    .project-tag-12.words-7 {
        max-width: 96px;
    }

    .project-tag-12.words-5 {
        max-width: 84px;
    }

.tag-expand-more-12 {
    padding: 3px 0 3px 18px;
    margin-bottom: 20px;
    color: #282828;
}

    .tag-expand-more-12.hide {
        display: none;
    }

.project-tag-12.mb-20, .tag-all-btn-12.mb-20 {
    margin-bottom: 20px;
}

.project-tag-12.mb-10, .project-tag12-title.mb-10, .tag-all-btn-12.mb-10 {
    margin-bottom: 10px;
}

.project-tag-14 {
    padding: 3px 18px;
    color: #666;
    font-size: 14px;
    border: 1px solid #bbb;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .project-tag-14:hover {
        color: #444;
        border: 1px solid #999;
        background:#03b8cf;
    }

.active-filter-down .flat .selected:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

.active-filter-down {
    margin-top: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .active-filter-down:after {
        content: "";
        display: table;
        clear: both;
    }

    .active-filter-down.mt-15 {
        margin-top: 15px;
    }

.filter-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
}

    .filter-wrap .filter-selected {
        height: 40px;
        line-height: 40px;
        color: #444;
        text-align: right;
        padding-right: 20px;
        background: url(../image/jiantouhover.svg) right center no-repeat;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
    }

    .filter-wrap .select-bigwrap, .selsect-div-cover {
        padding: 6px 0;
        background: #fff;
        box-shadow: 0 0 6px rgba(0,0,0,.2);
    }

    .filter-wrap.f-select-absolute {
        position: absolute;
        right: 0;
        margin-top: -10px;
    }

        .filter-wrap.f-select-absolute.top-0 {
            top: 0;
        }

        .filter-wrap.f-select-absolute.mt_30 {
            margin-top: -30px;
        }

    .filter-wrap .select-bigwrap {
        min-width: 122px;
        max-height: 612px;
        float: none;
        text-align: start;
        position: absolute;
        top: 40px;
        right: 0;
        z-index: 10;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        overflow: hidden;
        -webkit-transition: height linear .2s;
        transition: height linear .2s;
    }

        .filter-wrap .select-bigwrap.min-w144 {
            width: 144px;
        }

.selsect-div-cover {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    z-index: 2;
}

.filter-wrap .select-box li a, .select-ul-box li a {
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    display: block;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
}

.filter-wrap .select-box li:hover, .select-ul-box li:hover {
    background: #f2f2f2;
}

.filter-wrap .select-box li.active, .filter-wrap .select-box li.current, .select-ul-box li.active, .select-ul-box li.current {
    color: #03b8cf;
}

.active-card-partake, .initiated-time {
    color: #aaa;
    font-size: 12px;
    cursor: default;
}

.active-initiated-wrap {
    padding: 20px;
}

    .active-initiated-wrap:after {
        content: "";
        display: table;
        clear: both;
    }

.project-view {
    overflow-y: auto;
}

.active-card-partake {
    background-image: url(../image/sprice-icon.png);
    background-repeat: no-repeat;
}

.initiated-time {
    padding-left: 24px;
    background: url(../image/card-shijian.svg) left center no-repeat;
    float: left;
}

.active-card-glance {
    padding-left: 24px;
    background-image: url(../image/card-liulan.svg);
    background-position: 0 center;
}

.active-card-tuijian {
    padding-left: 24px;
    background-image: url(../image/zan-1.svg);
    background-size: 16px 16px;
}

.active-card-performers {
    padding-left: 20px;
    background-image: url(../image/canyuzhe.svg);
    background-position: 0 center;
}

.active-partake {
    padding-left: 22px;
    background-position: 0 center;
    background-image: url(../image/card-zuopin.svg);
}

.down-content-wrap {
    padding: 308px 0 40px;
    text-align: center;
    background-color: #fff;
    background-image: url(../image/download.png);
    background-repeat: no-repeat;
    background-position: center 50px;
}

    .down-content-wrap h2 {
        font-size: 24px;
        color: #282828;
    }

        .down-content-wrap h2 a {
            color: #03b8cf;
        }

    .down-content-wrap .down-con-description {
        line-height: 34px;
        margin-top: 5px;
        color: #999;
        font-size: 16px;
    }

        .down-content-wrap .down-con-description a {
            color: #03b8cf;
        }

    .down-content-wrap .manual-down-tips {
        font-size: 14px;
        color: #282828;
        margin-top: 42px;
    }

    .down-content-wrap .download-btn {
        margin-top: 26px;
    }

#nc_1_captcha_input, .nc-container .imgCaptcha .imgCaptcha_text input {
    border: 1px solid #999;
}

.nc-container #nc_2_wrapper, .nc-container.tb-login #nc_2_wrapper {
    width: 100%;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar.hoverscroll {
    background-color: rgba(0,0,0,.2);
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.2);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.3);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.2);
}

.mCSB_inside > .mCSB_container {
    margin: 0;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 6px 0;
}

.js-scroll-covers {
    height: 300px;
    overflow: hidden;
}

.show-list-box {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border:1px solid #f2f2f2;
}

.show-list-title-box {
    padding: 0 20px;
    height: 46px;
}

.show-list-title {
    font-size: 16px;
    color: #444;
    line-height: 56px;
}

.show-tab-title {
    font-size: 16px;
    color: #999;
    line-height: 55px;
    display: inline-block;
    cursor: pointer;
}

    .show-tab-title.current, .show-tab-title:hover {
        color: #282828;
        border-bottom: 2px solid #444;
    }

.select-have-bg-container .selected-box {
    height: 40px;
    padding: 0 18px;
    line-height: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #f4f4f4;
    cursor: pointer;
}

.select-have-bg-container.select-hover .selected-box:hover {
    opacity: .7;
}

.select-have-bg-container .select-con {
    min-width: 120px;
    top: 42px;
    left: 0;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    z-index: 3;
    position: absolute;
    cursor: default;
}

    .select-have-bg-container .select-con li {
        padding: 0 30px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .select-have-bg-container .select-con li:hover {
            background: #f2f2f2;
        }

        .select-have-bg-container .select-con li.active {
            color: #03b8cf;
        }

.tab-nav-container.second-h-56 {
    height: 56px;
}

.mark-mask-tip {
    display: inline-block;
    width: 68px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    background: rgba(0,0,0,.5);
    border-radius: 0 0 4px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 10;
}

.popFace, .tab-menu {
    border-radius: 4px;
    background: #fff;
}

.album-bread-crumbs {
    color: #bbb;
    font-size: 14px;
}

    .album-bread-crumbs a {
        color: #666;
    }

        .album-bread-crumbs a:hover {
            color: #03b8cf;
        }

.tab-nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    -webkit-transform: translateZ(0);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}

.subnav-content-wrap {
    width: 100%;
    min-height: 56px;
    background-color: #fff;
}

    .subnav-content-wrap .mt-18 {
        margin-top: 18px;
    }

#subnav-fixed {
    display: none;
}

.subnav-wrap {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .subnav-wrap .top-hull {
        width: 100%;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    .subnav-wrap .subnav-contentbox {
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

        .subnav-wrap .subnav-contentbox .subnav-content {
            margin-bottom: -1px;
            font-size: 16px;
            color: #999;
        }

            .subnav-wrap .subnav-contentbox .subnav-content > li {
                padding: 0 20px;
                line-height: 16px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: inline-block;
                vertical-align: middle;
                zoom: 1;
                position: relative;
            }
            
        .column_class {
            /*float: right;*/
            padding:0 !important;
        }
        .column_class a:hover {
            background: #03b8cf !important;
            color: #fff !important;
            border-bottom:0 !important;
        }
        .column_class a {
            padding: 9px !important;
            margin: 10px 5px;
            background: #f9f9f9 !important;
            border-radius: 5px;
            font-size: 14px;
        }
        .subnav-wrap .subnav-contentbox .subnav-content > li > a {
            padding: 19px 0;
            display: block;
            border-bottom: 2px solid transparent;
        }

        .subnav-wrap .subnav-contentbox .subnav-content > li.current > a, .subnav-wrap .subnav-contentbox .subnav-content > li > a:hover {
            color: #03b8cf;
            border-bottom: 2px solid #03b8cf;
        }

.tab-menu {
    padding: 0 30px;
    position: relative;
}

    .tab-menu .tab-box {
        height: 65px;
        font-size: 14px;
        color: #999;
        position: relative;
    }

        .tab-menu .tab-box li {
            float: left;
            height: 64px;
            line-height: 64px;
            margin-right: 50px;
            cursor: pointer;
            font-size: 16px;
            margin-bottom: -1px;
        }

            .tab-menu .tab-box li:hover {
                color: #444;
                border-bottom: 2px solid #444;
            }

            .tab-menu .tab-box li a {
                position: relative;
                display: inline-block;
                height: 64px;
            }

        .tab-menu .tab-box .edtior-personal-resume {
            position: absolute;
            right: 0;
            font-size: 12px;
            color: #03b8cf;
        }

        .tab-menu .tab-box .current {
            color: #444;
            border-bottom: 2px solid #444;
        }

.faceList, .popFaceTitle {
    border-bottom: 1px solid #eee;
}

div.js-H-fixed-show {
    height: 56px;
}

.is-offset-fixed-wrap {
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    z-index: 11;
    -webkit-transition: height linear .2s;
    transition: height linear .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width:1200px) {
    .is-offset-fixed-wrap, .tab-nav-fixed {
        width: 1200px;
    }
}

.popFace {
    position: absolute;
    z-index: 999;
    width: 430px;
    font-size: 12px;
    color: #282828;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    left: 0;
    top: 0;
}

.popFaceClose {
    position: absolute;
    top: 13px;
    right: 5px;
}

.popUserLeft {
    color: #7f7f7f;
}

.popFaceCon a {
    color: #03b8cf;
}

.face {
    display: none;
}

    .face p {
        color: #666;
        padding: 16px 30px;
    }

    .face.selected {
        display: block;
    }

.popFaceTitle {
    padding: 10px 15px;
    position: relative;
}

    .popFaceTitle a.expression-close {
        padding: 0;
        margin-top: 8px;
    }

    .popFaceTitle a {
        display: inline-block;
        padding: 0 6px;
        margin: 4px 9px;
        color: #666;
    }

        .popFaceTitle a.selected {
            background: #f7d300;
            color: #fff;
            border-radius: 4px;
            padding: 2px 6px;
        }

.faceList {
    padding: 10px 30px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .faceList img {
        margin: 2px;
    }

    .faceList a {
        display: inline-block;
        width: 27px;
        height: 24px;
        text-align: center;
        background: #eaeaea;
        border: 1px solid #f3f3f3;
        margin: 5px 5px 0 0;
        padding: 3px 0 0;
    }

.expression-author {
    padding-top: 18px;
    border-top: 1px solid #ddd;
}

.gogoup-card-list-box {
    margin-right: -20px;
}

.gogoup-card-box {
    border-radius: 4px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    background: #fff;
    position: relative;
}

.gogoup-zlong-card {
    width: 200px;
    height: 150px;
    background: #f2f2f2;
    float: left;
    margin-left: 10px;
}

    .gogoup-zlong-card img {
        width: 200px;
        height: 113px;
    }

.gogoup-card_title {
    padding: 0 10px;
    margin-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .gogoup-card_title > a:hover {
        color: #03b8cf;
    }

@media screen and (max-width:1600px) {
    .gogoup-card-box {
        width: 210px;
        height: 158px;
    }

        .gogoup-card-box img {
            width: 210px;
            height: 118px;
        }

    .gogoup-card-box-small {
        width: 197px;
        height: 151px;
    }

        .gogoup-card-box-small img {
            width: 197px;
            height: 111px;
        }

    .is-gogoswitch-height {
        height: 158px;
    }
}

@media screen and (min-width:1601px) {
    .gogoup-card-box {
        width: 260px;
        height: 196px;
    }

        .gogoup-card-box img {
            width: 260px;
            height: 146px;
        }

    .gogoup-card-box-small {
        width: 235px;
        height: 180px;
    }

        .gogoup-card-box-small img {
            width: 235px;
            height: 132px;
        }

    .is-gogoswitch-height {
        height: 196px;
    }
}

.hide {
    display: none;
}

.pageturning {
    margin-top: 30px;
}

#biuuu_page .laypage_main {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    #biuuu_page .laypage_main a:link, #biuuu_page .laypage_main a:visited {
        color: #999;
        border-radius: 4px;
    }

    #biuuu_page .laypage_main .current {
        background-color: #03b8cf;
        color: #fff;
        border: 1px solid #03b8cf;
    }
    #biuuu_page .laypage_main a:hover {
        background-color: #03b8cf;
        color: #fff;
        border: 1px solid #03b8cf;
    }

    #biuuu_page .laypage_main .laypage_next, #biuuu_page .laypage_main .laypage_prev {
        font-size: 23px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABzCAYAAACVZlKoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyNUQyRjRDQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkyNUQyRjREQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI1RDJGNEFDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTI1RDJGNEJDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4e0v4DAAABz0lEQVR42uyZu0oDURCGN6s+gUY7G6s0NhY2FuIdLBQRC0vRLXyDGES0sxIELVJ4aTUiKiiiRqwsbASR1VdQ4wsIrv/AbLMkJjuzeCEz8AUCycfZc2bP+eGkgiBwkijXSaga6SOfz9f8B8/zxCNqBrPaR2sBl6BDI0qz5BRkpSKSXIETkJOuGkmK4BAsSpe/FVyDAliS9lEbS/bAsqYhqcU/QYO4IbleQB9PshtnfqIiqlfQDy5YlpOKQtkAy1JgQSqieovIsprOLrFsCKxq37V3MAiek9iPSLZV7UepP7dDmshEJqpX0Y/mI9GjHYDeJETrfPb3aEU3YBrsg27tqlFKm+GQ1aVd/jMwx7JOzZFNdQSawDmfuI+ahixwBNzhDCAaEdUUGOfcFEhHNAHWwDB4ks7RKNgEI+BBOtk0gm2W3UuXn+ZiF4yBO01DzvME32pSLdXkr29sFrRMZKK6jjWZTKbmP/i+b7HGYo3FGos1FmtMZCIT/dM0kubDUvVo4f1Ru0YUSo6dGq423CQklUSxJeVEIklUJJZERZQ26ALqQ9yQXOElVJG/r2gOSLGsXIgQySrFmtiy7xJbLFm1dy2UlZLYj0i2YSFCX18CDAAxOYX9xIgpMAAAAABJRU5ErkJggg==);
        background-repeat: no-repeat;
    }

    #biuuu_page .laypage_main .laypage_prev {
        background-position: 13px 9px;
    }

        #biuuu_page .laypage_main .laypage_prev:hover {
            background-position: 13px -84px;
        }

    #biuuu_page .laypage_main .laypage_next {
        background-position: 13px -24px;
    }

        #biuuu_page .laypage_main .laypage_next:hover {
            background-position: 13px -55px;
        }

        #biuuu_page .laypage_main .laypage_next:hover, #biuuu_page .laypage_main .laypage_prev:hover {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABzCAYAAACVZlKoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyNUQyRjRDQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkyNUQyRjREQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI1RDJGNEFDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTI1RDJGNEJDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4e0v4DAAABz0lEQVR42uyZu0oDURCGN6s+gUY7G6s0NhY2FuIdLBQRC0vRLXyDGES0sxIELVJ4aTUiKiiiRqwsbASR1VdQ4wsIrv/AbLMkJjuzeCEz8AUCycfZc2bP+eGkgiBwkijXSaga6SOfz9f8B8/zxCNqBrPaR2sBl6BDI0qz5BRkpSKSXIETkJOuGkmK4BAsSpe/FVyDAliS9lEbS/bAsqYhqcU/QYO4IbleQB9PshtnfqIiqlfQDy5YlpOKQtkAy1JgQSqieovIsprOLrFsCKxq37V3MAiek9iPSLZV7UepP7dDmshEJqpX0Y/mI9GjHYDeJETrfPb3aEU3YBrsg27tqlFKm+GQ1aVd/jMwx7JOzZFNdQSawDmfuI+ahixwBNzhDCAaEdUUGOfcFEhHNAHWwDB4ks7RKNgEI+BBOtk0gm2W3UuXn+ZiF4yBO01DzvME32pSLdXkr29sFrRMZKK6jjWZTKbmP/i+b7HGYo3FGos1FmtMZCIT/dM0kubDUvVo4f1Ru0YUSo6dGq423CQklUSxJeVEIklUJJZERZQ26ALqQ9yQXOElVJG/r2gOSLGsXIgQySrFmtiy7xJbLFm1dy2UlZLYj0i2YSFCX18CDAAxOYX9xIgpMAAAAABJRU5ErkJggg==);
        }
/*!
 laypage默认样式
*/

.laypage_main a, .laypage_main input, .laypage_main span {
    height: 26px;
    line-height: 26px;
}

.laypage_main button, .laypage_main input, .laypageskin_default a, .laypageskin_default span {
    background-color: #fff;
    border: 1px solid #E9E9E9;
}

.laypage_main {
    font-size: 0;
    clear: both;
    color: #666;
}

    .laypage_main * {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
    }

    .laypage_main a {
        text-decoration: none;
        color: #666;
    }

    .laypage_main a, .laypage_main span, .laypageskin_default span {
        width: 40px;
        height: 40px;
        line-height: 38px;
        margin: 0 3px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .laypage_main input {
        width: 40px;
        margin: 0 5px;
        padding: 0 5px;
    }

    .laypage_main button {
        height: 28px;
        line-height: 28px;
        margin-left: 5px;
        padding: 0 10px;
        color: #666;
    }

.laypageskin_default span {
    color: #999;
}

.laypageskin_default .laypage_curr {
    font-weight: 400;
    color: #333;
    background: #03b8cf;
    border-radius: 4px;
    border: 1px solid #03b8cf;
}

.laypageskin_molv a, .laypageskin_molv span {
    padding: 0 12px;
    border-radius: 2px;
}

.laypageskin_molv a {
    background-color: #f1eff0;
}

.laypageskin_molv .laypage_curr {
    background-color: #00AA91;
    color: #fff;
}

.laypageskin_molv input {
    height: 24px;
    line-height: 24px;
}

.laypageskin_molv button {
    height: 26px;
    line-height: 26px;
}

.laypageskin_yahei {
    color: #333;
}

    .laypageskin_yahei a, .laypageskin_yahei span {
        padding: 0 13px;
        border-radius: 2px;
        color: #333;
    }

    .laypageskin_yahei .laypage_curr {
        background-color: #333;
        color: #fff;
    }

.laypageskin_flow {
    text-align: center;
}

    .laypageskin_flow .page_nomore {
        color: #999;
    }

#biuuu_city {
    padding-bottom: 40px;
}

    #biuuu_city .laypage_main {
        width: 1130px;
        margin: 0 auto;
        text-align: center;
    }

    #biuuu_city a:link, .laypageskin_default span {
        color: #999;
        border-radius: 4px;
    }


    #biuuu_city a:hover, #biuuu_city a:visited {
        background: #ffd100;
        border: 1px solid #efc713;
        color: #333;
    }

.laypage_next, .laypage_prev {
    font-family: '宋体';
    font-weight: 700;
}

.designer-card .position-info, .personal-card .position-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px;
}

.work-pure-wrap {
    margin: 0 auto;
}

.all-card, .all-work-list {
    margin: auto;
    border-top: 1px solid #f2f2f2;
    padding-top: 20px;
}

.hot-album, .work-list-box {
    margin-right: -20px;
    /*margin-bottom: -20px;*/
}

    .hot-album:after, .work-list-box:after {
        content: "";
        display: table;
        clear: both;
    }



.work-list-card {
    margin-bottom: 30px;
    font-size: 0;
}

.designer-list-box {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}

.exist-fire-class {
    max-width: 204px;
}

.exist-event2-class {
    max-width: 186px;
}

.card-box .card-img a img {
    vertical-align: middle;
    border: none;
    width: 100%;
    border-radius: 4px 4px 0 0;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    display: block;
}

.card-box.card-box_gogoup .card-info-item, .card-box.card-box_gogoup .title-content {
    width: 100%;
}

.card-box.card-box_gogoup .card-item .card_ad-avatar-list .user-avatar {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

    .card-box.card-box_gogoup .card-item .card_ad-avatar-list .user-avatar > a {
        width: auto;
    }

        .card-box.card-box_gogoup .card-item .card_ad-avatar-list .user-avatar > a > img {
            margin-right: 10px;
        }

    .card-box.card-box_gogoup .card-item .card_ad-avatar-list .user-avatar:last-of-type > a > img {
        margin-right: 0;
    }

.card-box.card-box_gogoup .author-info-card {
    left: -16px;
}

.card-box-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .card-box-empty img {
        width: 190px;
        display: block;
    }

.album-card-box, .card-box, .cate-card-box {
    float: left;
    position: relative;
    background: #fff;
    border-radius: 4px;
    margin: 0 20px 20px 0;
    border: 1px solid #f2f2f2;
}

    .album-card-box .card-img, .card-box .card-img {
        position: relative;
        border-radius: 4px 4px 0 0;
    }

        .album-card-box .card-img .card-mark-bottom, .album-card-box .card-img .card-mark-gray-bottom, .card-box .card-img .card-mark-bottom, .card-box .card-img .card-mark-gray-bottom {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 32px;
            line-height: 32px;
            text-align: center;
            color: #fff;
            font-size: 12px;
        }

        .album-card-box .card-img .card-mark-bottom, .card-box .card-img .card-mark-bottom {
            background: rgba(223,81,62,.8);
        }

        .album-card-box .card-img .card-mark-gray-bottom, .card-box .card-img .card-mark-gray-bottom {
            background: rgba(0,0,0,.6);
        }

        .album-card-box .card-img .collect-tag, .card-box .card-img .collect-tag {
            display: none;
            position: absolute;
            right: 0;
            top: 0;
            font-size: 12px;
            color: #fff;
            height: 22px;
            line-height: 22px;
            padding: 0 10px;
            border-radius: 0 4px;
            background: rgba(0,0,0,.4);
            z-index: 1;
            cursor: pointer;
        }

    .album-card-box .card-info, .card-box .card-info {
        border-bottom: 1px solid #eee;
        padding: 11px 16px 13px;
        height: 75px;
        position: relative;
    }

        .album-card-box .card-info .card-info-title, .card-box .card-info .card-info-title {
            margin-bottom: 1px;
            position: relative;
            height: 20px;
            line-height: 20px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .album-card-box .card-info .card-info-title a, .card-box .card-info .card-info-title a {
                font-size: 14px;
                color: #333;
            }

                .album-card-box .card-info .card-info-title a:hover, .card-box .card-info .card-info-title a:hover {
                    color: #03b8cf;
                }

            .album-card-box .card-info .card-info-title .title-content, .card-box .card-info .card-info-title .title-content {
                display: inline-block;
                float: left;
                vertical-align: middle;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .album-card-box .card-info .card-info-title .album-card-authority, .album-card-box .card-info .card-info-title .album-card-public, .album-card-box .card-info .card-info-title .zcool-card-event, .album-card-box .card-info .card-info-title .zcool-card-fire1, .album-card-box .card-info .card-info-title .zcool-card-fire2, .album-card-box .card-info .card-info-title .zcool-card-fire3, .card-box .card-info .card-info-title .album-card-authority, .card-box .card-info .card-info-title .album-card-public, .card-box .card-info .card-info-title .zcool-card-event, .card-box .card-info .card-info-title .zcool-card-fire1, .card-box .card-info .card-info-title .zcool-card-fire2, .card-box .card-info .card-info-title .zcool-card-fire3 {
                background-size: auto 14px;
                width: 14px;
                height: 14px;
                float: right;
                margin-top: 3px;
                display: inline-block;
                vertical-align: middle;
                background-repeat: no-repeat;
                background-position: center top;
            }

            .album-card-box .card-info .card-info-title .zcool-card-fire1, .card-box .card-info .card-info-title .zcool-card-fire1 {
                background-image: url(../image/putongtuijian-1.svg);
            }
            
            .album-card-box .card-info .card-info-title .zcool-card-fire2, .card-box .card-info .card-info-title .zcool-card-fire2,.zcool-card-fire2 {
                background-image: url(../image/bianjijingxuan-1.svg);
            }

            .album-card-box .card-info .card-info-title .zcool-card-fire3, .card-box .card-info .card-info-title .zcool-card-fire3 {
                background-image: url(../image/shouyetuijian-1.svg);
            }

            .album-card-box .card-info .card-info-title .zcool-card-event, .card-box .card-info .card-info-title .zcool-card-event {
                width: 16px;
                background-image: url(../image/dasai-1.svg);
            }

            .album-card-box .card-info .card-info-title .album-card-authority, .card-box .card-info .card-info-title .album-card-authority {
                background-image: url(../image/alubm-card-privacy.svg);
            }

            .album-card-box .card-info .card-info-title .album-card-public, .card-box .card-info .card-info-title .album-card-public {
                background-image: url(../image/album-card-public.svg);
            }

            .album-card-box .card-info .card-info-title .title-icon, .card-box .card-info .card-info-title .title-icon {
                margin-left: 6px;
            }

        .album-card-box .card-info .card-info-type, .card-box .card-info .card-info-type {
            font-size: 12px;
            color: #888;
            margin-bottom: 17px;
            height: 18px;
            overflow: hidden;
        }

        .album-card-box .card-info .card-info-tags, .card-box .card-info .card-info-tags {
            margin-bottom: 12px;
            margin-top: 5px;
        }

        .album-card-box .card-info .card-info-item, .card-box .card-info .card-info-item {
            font-size: 12px;
            color: #bbb;
            margin-top:5px;
        }

            .album-card-box .card-info .card-info-item span[class^=statistics], .card-box .card-info .card-info-item span[class^=statistics] {
                margin-right: 15px;
                cursor: default;
            }

                .album-card-box .card-info .card-info-item span[class^=statistics]:before, .card-box .card-info .card-info-item span[class^=statistics]:before {
                    content: "";
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                    vertical-align: top;
                    margin-right: 5px;
                }

                .album-card-box .card-info .card-info-item span[class^=statistics]:last-of-type, .card-box .card-info .card-info-item span[class^=statistics]:last-of-type {
                    margin-right: 0;
                }

            .album-card-box .card-info .card-info-item span.statistics-view:before, .card-box .card-info .card-info-item span.statistics-view:before {
                background: url(../image/card-liulan.svg) 0 4px no-repeat;
                background-size: 16px auto;
            }

            .album-card-box .card-info .card-info-item span.statistics-comment:before, .card-box .card-info .card-info-item span.statistics-comment:before {
                background: url(../image/card-pinglun-1.svg) 0 2px no-repeat;
                background-size: 16px auto;
            }

            .album-card-box .card-info .card-info-item span.statistics-tuijian:before, .card-box .card-info .card-info-item span.statistics-tuijian:before {
                background: url(../image/card-zan-1.svg) no-repeat;
                background-size: 16px 16px;
            }

            .album-card-box .card-info .card-info-item span.statistics-collect:before, .card-box .card-info .card-info-item span.statistics-collect:before {
                background: url(../image/shoucang-1.svg) no-repeat;
                background-size: 16px 16px;
            }

            .album-card-box .card-info .card-info-item span.statistics-product:before, .card-box .card-info .card-info-item span.statistics-product:before {
                background: url(../image/product-icon.png) no-repeat;
                background-size: 16px 16px;
            }

            .album-card-box .card-info .card-info-item span.statistics-content:before, .card-box .card-info .card-info-item span.statistics-content:before {
                background: url(../image/card-contents.svg) 0 3px no-repeat;
                background-size: 16px auto;
            }

            .album-card-box .card-info .card-info-item span.statistics-participant:before, .card-box .card-info .card-info-item span.statistics-participant:before {
                background: url(../image/canyuzhe.svg) 0 3px no-repeat;
                background-size: 16px 16px;
            }

            .album-card-box .card-info .card-info-item span.statistics-buyer:before, .card-box .card-info .card-info-item span.statistics-buyer:before {
                background: url(../image/card-buyer.svg) no-repeat;
                background-size: 16px 16px;
            }

            .album-card-box .card-info .card-info-item span.statistics-gogoup-popularity:before, .card-box .card-info .card-info-item span.statistics-gogoup-popularity:before {
                background: url(../image/card-popularity.svg) no-repeat;
                background-size: 16px 16px;
            }

            .album-card-box .card-info .card-info-item.card-info-item-recommend, .card-box .card-info .card-info-item.card-info-item-recommend {
                color: #999;
            }

                .album-card-box .card-info .card-info-item.card-info-item-recommend a:hover, .card-box .card-info .card-info-item.card-info-item-recommend a:hover {
                    color: #03b8cf;
                }

                .album-card-box .card-info .card-info-item.card-info-item-recommend i, .card-box .card-info .card-info-item.card-info-item-recommend i {
                    color: #bbb;
                }

        .album-card-box .card-info .card-info-item-recommendhover, .card-box .card-info .card-info-item-recommendhover {
            cursor: pointer;
        }

        .album-card-box .card-info .card-recommend-hour, .card-box .card-info .card-recommend-hour {
            color: #bbb;
            font-size: 12px;
            float: right;
        }

    .album-card-box .card-item, .card-box .card-item {
        height: 50px;
        padding: 0 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
    }

        .album-card-box .card-item .user-avatar > a > img, .card-box .card-item .user-avatar > a > img {
            border-radius: 50%;
            margin-right: 10px;
            width: 24px;
            height: 24px;
            border: none;
            vertical-align: middle;
        }

        .album-card-box .card-item .user-avatar > a, .card-box .card-item .user-avatar > a {
            line-height: 24px;
            font-size: 12px;
            color: #333;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
        }

        .album-card-box .card-item > a, .card-box .card-item > a {
            font-size: 16px;
            color:#777777;
        }

        .album-card-box .card-item a:hover, .card-box .card-item a:hover {
            /*color: #fff;
            background-color:#03b8cf;*/
            color:#03b8cf;
        }
        .album-card-box .card-item .user-avatar > a:hover, .card-box .card-item .user-avatar > a:hover {
            color: #fff;
            background-color:#03b8cf;
            border-color:#03b8cf;
        }
        .album-card-box .card-item .album-create-time, .album-card-box .card-item .time, .card-box .card-item .album-create-time, .card-box .card-item .time {
            color: #bbb;
            font-size: 12px;
        }

        .album-card-box .card-item .time, .card-box .card-item .time {
            line-height: 50px;
            font-size: 12px;
            float: right;
        }

        .album-card-box .card-item .delete, .album-card-box .card-item .modify, .card-box .card-item .delete, .card-box .card-item .modify {
            display: inline-block;
            vertical-align: middle;
            color: #999;
        }

            .album-card-box .card-item .delete:hover, .album-card-box .card-item .modify:hover, .card-box .card-item .delete:hover, .card-box .card-item .modify:hover {
                color: #282828;
            }

        .album-card-box .card-item .delete-disabled:hover, .album-card-box .card-item .modify-disabled:hover, .card-box .card-item .delete-disabled:hover, .card-box .card-item .modify-disabled:hover {
            color: #bbb;
        }

        .album-card-box .card-item .delete-disabled, .album-card-box .card-item .modify-disabled, .card-box .card-item .delete-disabled, .card-box .card-item .modify-disabled {
            display: inline-block;
            color: #bbb;
            margin-right: 20px;
            vertical-align: middle;
            cursor: default;
            height: 22px;
            line-height: 22px;
        }

        .album-card-box .card-item .modify, .card-box .card-item .modify {
            background-position: -17px 0;
            margin-right: 20px;
        }

            .album-card-box .card-item .modify:hover, .card-box .card-item .modify:hover {
                background-position: 0 0;
            }

        .album-card-box .card-item .delete, .card-box .card-item .delete {
            background-position: -17px -19px;
        }

            .album-card-box .card-item .delete:hover, .card-box .card-item .delete:hover {
                background-position: 0 -19px;
            }

        .album-card-box .card-item .card-item-type, .card-box .card-item .card-item-type {
            max-width: 72px;
            font-size: 12px;
            color: #bbb;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .album-card-box .btn-current-card, .card-box .btn-current-card {
        width: 110px;
        height: 36px;
    }

    .album-card-box .js-project-focus-btn, .card-box .js-project-focus-btn {
        height: 36px;
    }

    .album-card-box .btn-current-card:not(:last-child), .card-box .btn-current-card:not(:last-child) {
        margin-right: 16px;
    }

    .album-card-box:hover .event-remove-btn, .card-box:hover .event-remove-btn {
        opacity: 1;
    }

.cate-card-box {
    overflow: hidden;
    cursor: pointer;
}

    .cate-card-box img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .cate-card-box .cate-mask {
        width: 100%;
        height: 100%;
        padding: 16px;
        font-size: 18px;
        line-height: 18px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        background: rgba(0,0,0,.4);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.card-mark-tip, .card-remove-btn, .event-remove-btn {
    display: inline-block;
    color: #fff;
    position: absolute;
    z-index: 1;
}

.cate-card-box .cate-checkbox {
    position: absolute;
    top: 10px;
    right: 6px;
}

    .cate-card-box .cate-checkbox::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

.cate-card-box.small-cate-card .cate-mask {
    font-size: 14px;
}

.card-mark-tip {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 4px 0;
    background: rgba(0,0,0,.5);
}

.card-remove-btn, .event-remove-btn {
    height: 22px;
    line-height: 22px;
    padding: 0 10px 0 26px;
    font-size: 12px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    vertical-align: middle;
    zoom: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    background-color: rgba(0,0,0,.2);
}

    .card-remove-btn:before, .event-remove-btn:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background: url(../image/teamremoveicon.png) no-repeat;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -5px;
    }

    .card-remove-btn:hover, .event-remove-btn:hover {
        background-color: rgba(0,0,0,.5);
    }

.event-remove-btn {
    right: 10px;
}

.card-remove-btn.ar30 {
    right: 30px;
}

.card-mark-tip-gogoup {
    height: 26px;
    line-height: 26px;
    color: #fff;
    padding: 0 6px 0 28px;
    border-radius: 2px;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 8px;
    right: 8px;
}

    .card-mark-tip-gogoup::after {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../image/card-gogoup-path.svg);
        position: absolute;
        left: 6px;
        top: 3px;
    }

.album-card-box .card-info .card-info-title .title-content {
    width: 100%;
}

.album-card-box .card-img {
    margin: 10px auto 0;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .album-card-box .card-img a {
        width: 100%;
        height: 100%;
        display: block;
    }

.album-card-box .card-album-aspect, .album-card-box .card-album-placeholder {
    float: left;
}

.album-card-box .card-album-placeholder {
    background: #DDD;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .album-card-box .card-album-placeholder img, .edit-samllbtn {
        display: inline-block;
    }

.album-card-box .card-edit-block {
    right: 16px;
    top: 16px;
}

.edit-samllbtn {
    min-width: 34px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    background: url(../image/gengduo.svg);
    border-radius: 0 2px;
    cursor: pointer;
}

.card-edit-block {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 1;
}

    .card-edit-block:hover .filter-list-box {
        display: block;
    }

.card-al-project-covers, .card-project-covers {
    position: relative;
    float: left;
}

.new-add-box {
    width: 100%;
    position: absolute;
    top: 10px;
    left: -4px;
}

    .new-add-box > span {
        min-width: 58px;
        padding: 0 8px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        display: block;
        background: #03b8cf;
        z-index: 2;
        position: absolute;
        border-radius: 0 4px 4px 0;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .new-add-box:before {
        content: "";
        display: block;
        border-top: 2px solid transparent;
        border-right: 4px solid #f5a623;
        border-left: none;
        border-bottom: 2px solid transparent;
        position: absolute;
        top: -2px;
        left: 0;
    }

.filter-list-box {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-height: 612px;
    padding: 6px 0;
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 10;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

    .filter-list-box ul li:hover {
        background: #f2f2f2;
    }

    .filter-list-box ul li.current {
        color: #03b8cf;
    }

    .filter-list-box ul li a {
        padding: 0 30px;
        height: 40px;
        line-height: 40px;
        display: block;
    }

.card-box-little, .card-box-mid {
    display: inline-block;
    float: left;
}

.hover-show-btn:hover .card-remove-btn, .hover-show-btn:hover .icon-image-collection, .hover-show-btn:hover .icon-quike-collection {
    opacity: 1;
}

.card-designer-list, .card-designer-list-attention, .card-designer-list-details {
    width: 100%;
    padding: 30px;
    overflow: hidden;
    background: #fff;
}

    .card-designer-list .separate-card-list .card-designer-list, .card-designer-list-attention .separate-card-list .card-designer-list, .card-designer-list-details .separate-card-list .card-designer-list {
        padding: 20px 30px;
    }

    .card-designer-list .zcool-card-event, .card-designer-list .zcool-card-fire1, .card-designer-list .zcool-card-fire2, .card-designer-list .zcool-card-fire3, .card-designer-list-attention .zcool-card-event, .card-designer-list-attention .zcool-card-fire1, .card-designer-list-attention .zcool-card-fire2, .card-designer-list-attention .zcool-card-fire3, .card-designer-list-details .zcool-card-event, .card-designer-list-details .zcool-card-fire1, .card-designer-list-details .zcool-card-fire2, .card-designer-list-details .zcool-card-fire3 {
        width: 14px;
        height: 14px;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        background-size: auto 14px;
        background-repeat: no-repeat;
        background-position: center top;
    }

    .card-designer-list .zcool-card-fire1, .card-designer-list-attention .zcool-card-fire1, .card-designer-list-details .zcool-card-fire1 {
        background-image: url(../image/putongtuijian-1.svg);
    }

    .card-designer-list .zcool-card-fire2, .card-designer-list-attention .zcool-card-fire2, .card-designer-list-details .zcool-card-fire2 {
        background-image: url(../image/bianjijingxuan-1.svg);
    }

    .card-designer-list .zcool-card-fire3, .card-designer-list-attention .zcool-card-fire3, .card-designer-list-details .zcool-card-fire3 {
        background-image: url(../image/shouyetuijian-1.svg);
    }

    .card-designer-list .zcool-card-event, .card-designer-list-attention .zcool-card-event, .card-designer-list-details .zcool-card-event {
        width: 16px;
        background-image: url(../image/dasai-1.svg);
    }

    .card-designer-list .hightlight, .card-designer-list-attention .hightlight, .card-designer-list-details .hightlight {
        font-weight: 600;
    }

    .card-designer-list .author-info, .card-designer-list-attention .author-info, .card-designer-list-details .author-info {
        height: 150px;
    }

        .card-designer-list .author-info .btn-area, .card-designer-list-attention .author-info .btn-area, .card-designer-list-details .author-info .btn-area {
            margin-top: 15px;
        }

            .card-designer-list .author-info .btn-area:after, .card-designer-list-attention .author-info .btn-area:after, .card-designer-list-details .author-info .btn-area:after {
                content: "";
                display: table;
                clear: both;
            }

            .card-designer-list .author-info .btn-area .btn-current, .card-designer-list-attention .author-info .btn-area .btn-current, .card-designer-list-details .author-info .btn-area .btn-current {
                width: 100px;
                height: 36px;
                margin-right: 6px;
            }

            .card-designer-list .author-info .btn-area .js-project-focus-btn, .card-designer-list-attention .author-info .btn-area .js-project-focus-btn, .card-designer-list-details .author-info .btn-area .js-project-focus-btn {
                height: 36px;
            }

            .card-designer-list .author-info .btn-area .private-letter, .card-designer-list .work-show, .card-designer-list-attention .author-info .btn-area .private-letter, .card-designer-list-attention .work-show, .card-designer-list-details .author-info .btn-area .private-letter, .card-designer-list-details .work-show {
                float: right;
            }

                .card-designer-list .work-show ul, .card-designer-list-attention .work-show ul, .card-designer-list-details .work-show ul {
                    float: left;
                }

                    .card-designer-list .work-show ul li, .card-designer-list-attention .work-show ul li, .card-designer-list-details .work-show ul li {
                        float: left;
                        margin-left: 10px;
                        position: relative;
                    }

                .card-designer-list .work-show .work-show-item a img, .card-designer-list .work-show .work-show-more a img, .card-designer-list-attention .work-show .work-show-item a img, .card-designer-list-attention .work-show .work-show-more a img, .card-designer-list-details .work-show .work-show-item a img, .card-designer-list-details .work-show .work-show-more a img {
                    vertical-align: middle;
                }

                .card-designer-list .work-show .seize-box, .card-designer-list-attention .work-show .seize-box, .card-designer-list-details .work-show .seize-box {
                    width: 26px;
                    margin-left: 20px;
                    margin-right: -10px;
                    float: right;
                }

                .card-designer-list .work-show .work-show-more .view-more, .card-designer-list-attention .work-show .work-show-more .view-more, .card-designer-list-details .work-show .work-show-more .view-more {
                    width: 6px;
                    height: 150px;
                    padding: 0 10px;
                    display: block;
                    text-align: center;
                    line-height: 180px;
                    position: relative;
                }

                    .card-designer-list .work-show .work-show-more .view-more .more-icon, .card-designer-list-attention .work-show .work-show-more .view-more .more-icon, .card-designer-list-details .work-show .work-show-more .view-more .more-icon {
                        position: absolute;
                        top: 50%;
                        margin-top: -19px;
                        left: 50%;
                        margin-left: -3px;
                        display: inline-block;
                    }

                        .card-designer-list .work-show .work-show-more .view-more .more-icon span, .card-designer-list-attention .work-show .work-show-more .view-more .more-icon span, .card-designer-list-details .work-show .work-show-more .view-more .more-icon span {
                            display: block;
                            width: 6px;
                            height: 6px;
                            margin: 5px 0;
                            background: #03b8cf;
                            border-radius: 50%;
                        }

                    .card-designer-list .work-show .work-show-more .view-more:hover span, .card-designer-list-attention .work-show .work-show-more .view-more:hover span, .card-designer-list-details .work-show .work-show-more .view-more:hover span {
                        background: #ffd100;
                    }

    .card-designer-list .avatar, .card-designer-list-attention .avatar, .card-designer-list-details .avatar, .card-team-list .avatar {
        float: left;
        margin-bottom: 10px;
    }

        .card-designer-list .avatar img, .card-designer-list-attention .avatar img, .card-designer-list-details .avatar img, .card-team-list .avatar img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
        }

    .card-designer-list .author-info, .card-designer-list-attention .author-info, .card-designer-list-details .author-info, .card-team-list .author-info {
        float: left;
        width: 220px;
        margin-left: 20px;
        position: relative;
    }

        .card-designer-list .author-info .author-info-title-box, .card-designer-list-attention .author-info .author-info-title-box, .card-designer-list-details .author-info .author-info-title-box, .card-team-list .author-info .author-info-title-box {
            height: 26px;
            line-height: 26px;
            overflow: hidden;
        }

            .card-designer-list .author-info .author-info-title-box .author-info-title, .card-designer-list-attention .author-info .author-info-title-box .author-info-title, .card-designer-list-details .author-info .author-info-title-box .author-info-title, .card-team-list .author-info .author-info-title-box .author-info-title {
                float: left;
            }

            .card-designer-list .author-info .author-info-title-box .author-info-fire, .card-designer-list-attention .author-info .author-info-title-box .author-info-fire, .card-designer-list-details .author-info .author-info-title-box .author-info-fire, .card-team-list .author-info .author-info-title-box .author-info-fire {
                float: left;
                margin-left: 4px;
                margin-top: 3px;
            }

        .card-designer-list .author-info .author-info-title, .card-designer-list-attention .author-info .author-info-title, .card-designer-list-details .author-info .author-info-title, .card-team-list .author-info .author-info-title {
            margin-bottom: 2px;
        }

            .card-designer-list .author-info .author-info-title .title-content, .card-designer-list-attention .author-info .author-info-title .title-content, .card-designer-list-details .author-info .author-info-title .title-content, .card-team-list .author-info .author-info-title .title-content {
                color: #333;
                font-size: 16px;
                font-weight: 600;
                vertical-align: middle;
            }

                .card-designer-list .author-info .author-info-title .title-content:hover, .card-designer-list-attention .author-info .author-info-title .title-content:hover, .card-designer-list-details .author-info .author-info-title .title-content:hover, .card-team-list .author-info .author-info-title .title-content:hover {
                    color: #03b8cf;
                }

        .card-designer-list .author-info .position-info, .card-designer-list-attention .author-info .position-info, .card-designer-list-details .author-info .position-info, .card-team-list .author-info .position-info {
            font-size: 12px;
            color: #bbb;
            margin-bottom: 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .card-designer-list .author-info .position-info span, .card-designer-list-attention .author-info .position-info span, .card-designer-list-details .author-info .position-info span, .card-team-list .author-info .position-info span {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

        .card-designer-list .author-info .signature p, .card-designer-list-attention .author-info .signature p, .card-designer-list-details .author-info .signature p, .card-team-list .author-info .signature p {
            width: 220px;
            margin-top: 2px;
            display: inline-block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-size: 12px;
            color: #bbb;
        }

        .card-designer-list .author-info .info-num, .card-designer-list-attention .author-info .info-num, .card-designer-list-details .author-info .info-num, .card-team-list .author-info .info-num {
            font-size: 14px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .card-designer-list .author-info .info-num .fans, .card-designer-list .author-info .info-num .work, .card-designer-list-attention .author-info .info-num .fans, .card-designer-list-attention .author-info .info-num .work, .card-designer-list-details .author-info .info-num .fans, .card-designer-list-details .author-info .info-num .work, .card-team-list .author-info .info-num .fans, .card-team-list .author-info .info-num .work {
                display: inline-block;
            }

                .card-designer-list .author-info .info-num .fans span, .card-designer-list .author-info .info-num .work span, .card-designer-list-attention .author-info .info-num .fans span, .card-designer-list-attention .author-info .info-num .work span, .card-designer-list-details .author-info .info-num .fans span, .card-designer-list-details .author-info .info-num .work span, .card-team-list .author-info .info-num .fans span, .card-team-list .author-info .info-num .work span {
                    color: #666;
                }

                .card-designer-list .author-info .info-num .work i, .card-designer-list-attention .author-info .info-num .work i, .card-designer-list-details .author-info .info-num .work i, .card-team-list .author-info .info-num .work i {
                    display: inline-block;
                    width: 1px;
                    height: 10px;
                    background: #333;
                    margin: 0 5px;
                }

            .card-designer-list .author-info .info-num a, .card-designer-list-attention .author-info .info-num a, .card-designer-list-details .author-info .info-num a, .card-team-list .author-info .info-num a {
                color: #333;
                font-weight: 600;
            }

                .author-info-card .author-card_title-name:hover, .card-designer-list .author-info .info-num a:hover, .card-designer-list-attention .author-info .info-num a:hover, .card-designer-list-details .author-info .info-num a:hover, .card-team-list .author-info .info-num a:hover {
                    color: #03b8cf;
                }

    .card-designer-list-attention:not(:last-child), .card-designer-list:not(:last-child), .card-team-list:not(:last-child) {
        border-bottom: 1px solid #eee;
    }

    .card-designer-list-details .work-show .seize-box, .card-designer-list-details .work-show .work-show-more, .card-designer-list-details .work-show .work-show-more .view-more {
        height: 100%;
    }

    .card-designer-list-details .author-info {
        height: 95px;
    }

.author-info-card {
    width: 320px;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    padding: 20px;
    position: absolute;
    z-index: 11;
    left: 0;
    bottom: 49px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
}

    .author-info-card .author-card-box {
        width: inherit;
    }

    .author-info-card .avatar-container-40 .avatar-container_face img {
        width: 40px;
        height: 40px;
    }

    .author-info-card .author-card_topbar {
        width: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .author-info-card .author-card_title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 174px;
        white-space: nowrap;
        overflow: hidden;
    }

    .author-info-card .author-card_title-name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .author-info-card .author-card_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .author-info-card .author-card_position {
        font-size: 12px;
        color: #999;
        max-width: 184px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .author-info-card .btn-current-h30 {
        width: 70px;
        height: 30px;
    }

    .author-info-card .author-card_products_box {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .author-info-card .author-card_products_box > a {
            margin-left: 10px;
            background: #F2F2F2;
            border-radius: 4px;
        }

            .author-info-card .author-card_products_box > a:first-child {
                margin-left: 0;
            }

        .author-info-card .author-card_products_box img {
            width: 100px;
            height: 75px;
            border-radius: 4px;
            display: block;
        }

    .author-info-card .author-card_honor-medal {
        margin-left: 8px;
        margin-top: -1px;
    }

        .author-info-card .author-card_honor-medal img {
            width: 15px;
            height: 15px;
            vertical-align: middle;
        }

    .author-info-card::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        bottom: -4px;
        left: 22px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-width: 6px;
        border-style: solid;
        border-color: transparent transparent #fff #fff;
        -webkit-transform: rotate(-46deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        transform: rotate(-46deg);
        -webkit-box-shadow: -3px 2px 2px rgba(255,255,255,.05);
        box-shadow: -3px 2px 2px rgba(255,255,255,.05);
    }

    .author-info-card.triangle_top {
        -webkit-box-shadow: 2px -2px 15px rgba(0,0,0,.15);
        box-shadow: 2px -2px 15px rgba(0,0,0,.15);
    }

        .author-info-card.triangle_top:after {
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            top: -4px;
        }

    .author-info-card .js-project-focus-btn {
        height: 30px;
    }

.statistics-creation, .statistics-fans, .statistics-popularity {
    height: 20px;
    line-height: 20px;
    color: #bbb;
    font-size: 12px;
    display: inline-block;
}

    .statistics-creation::before, .statistics-fans::before, .statistics-popularity::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: inherit;
        background-repeat: no-repeat;
        background-position-y: center;
        vertical-align: top;
    }

    .statistics-popularity::before {
        background-image: url(../image/statistics-popularity.svg);
    }

    .statistics-fans::before {
        background-image: url(../image/statistics-fans.svg);
    }

    .statistics-creation::before {
        background-image: url(../image/statistics-creation.svg);
    }

.personal-card, .personal-menu {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.personal-card {
    text-align: center;
    margin-bottom: 10px;
    padding: 30px 0 20px;
}

    .personal-card .author-avatar img {
        border-radius: 50%;
    }

    .personal-card .presonal-info {
        margin: 16px 0 0;
    }

        .personal-card .presonal-info .author-name {
            font-size: 16px;
            font-weight: 600;
        }

            .personal-card .presonal-info .author-name:hover {
                color: #03b8cf;
            }

    .personal-card .position-info {
        margin-bottom: 24px;
    }

        .personal-card .position-info span {
            font-size: 12px;
            color: #bbb;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .personal-card .info-num .work {
        position: relative;
    }

        .personal-card .info-num .work:after {
            content: "";
            display: inline-block;
            width: 1px;
            height: 30px;
            background: #ddd;
            position: absolute;
            top: 5px;
            right: 0;
        }

    .personal-card .info-num .fans, .personal-card .info-num .work {
        width: 50%;
        text-align: center;
        float: left;
    }

        .personal-card .info-num .fans p, .personal-card .info-num .work p {
            color: #999;
        }

        .personal-card .info-num .fans a, .personal-card .info-num .work a {
            color: #333;
            font-weight: 600;
        }

.personal-menu p {
    background: #fff;
}

.personal-menu a {
    display: block;
    color: #333;
    height: 52px;
    line-height: 52px;
    padding: 0 30px;
    position: relative;
}

.personal-menu sup.subnav-dot-sup {
    top: 16px;
}

.personal-menu .menu-list:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.personal-menu .menu-list li {
    background: #fff;
    position: relative;
}

    .personal-menu .menu-list li:hover {
        background: #03b8cf;
    }

.personal-menu .menu-list .menu-list-default.current i {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 32px;
    background: #03b8cf;
    vertical-align: middle;
}

.personal-menu .new-red {
    width: auto;
}

.personal-menu .new-red-public {
    position: absolute;
    top: 18px;
    right: 30px;
}

.detail-editor .personal-menu .menu-list li:hover {
    background: #f2f2f2;
}

.card-media .info-num a:hover, .card-media .presonal-info a:hover {
    color: #03b8cf;
}

.card-media .private-letter {
    float: right;
}

.designer-card, .designer-card-work {
    background: #fff;
    border-radius: 4px;
    margin: 0 20px 20px 0;
    float: left;
}

.designer-card {
    text-align: center;
    padding: 30px 0 20px;
    display: inline-block;
}

    .designer-card .author-avatar {
        width: 80px;
        height: 80px;
        display: inline-block;
    }

        .designer-card .author-avatar img {
            border-radius: 50%;
            vertical-align: middle;
        }

    .designer-card .presonal-info {
        margin: 16px 0 0;
    }

        .designer-card .presonal-info .author-name {
            font-size: 16px;
            color: #333;
            font-weight: 600;
            vertical-align: middle;
            margin-right: 4px;
        }

    .designer-card .position-info {
        margin-bottom: 20px;
    }

        .designer-card .position-info span {
            font-size: 12px;
            color: #bbb;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .designer-card .info-num {
        width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
    }

        .designer-card .info-num .work:after {
            content: "";
            display: inline-block;
            width: 1px;
            height: 10px;
            background: #ddd;
            position: absolute;
            top: 5px;
            right: 0;
        }

        .designer-card .info-num .fans, .designer-card .info-num .work {
            width: 48%;
            text-align: center;
            display: inline-block;
            position: relative;
        }

            .designer-card .info-num .fans a, .designer-card .info-num .work a {
                font-size: 12px;
                color: #333;
                font-weight: 600;
            }

            .designer-card .info-num .fans span, .designer-card .info-num .work span {
                font-size: 12px;
                color: #999;
            }

    .designer-card .btn-area .attention, .designer-card .btn-area .attention-preview, .designer-card .js-project-focus-btn {
        float: left;
    }

    .designer-card .f-auto {
        float: none;
    }

.designer-card-work {
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .designer-card-work .designer-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .designer-card-work .designer-top .designer-avatar {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            margin-right: 10px;
            display: block;
        }

    .designer-card-work .designer-mid img, .recommend-menu {
        border-radius: 4px;
    }

    .designer-card-work .designer-top .designer-card_honor {
        margin-left: 5px;
    }

        .designer-card-work .designer-top .designer-card_honor img {
            width: 14px;
        }

    .designer-card-work .designer-mid {
        margin-top: 10px;
    }

        .designer-card-work .designer-mid .designer-big-cover {
            width: 100%;
        }

        .designer-card-work .designer-mid .designer-works {
            margin-top: 4px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .designer-card-work .designer-mid .designer-works a {
                width: 30.5%;
            }

            .designer-card-work .designer-mid .designer-works img {
                width: 100%;
            }

    .designer-card-work .designer-bot {
        margin-top: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.card-media-mid-btn {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.recommend-menu {
    width: 260px;
    max-height: 320px;
    position: absolute;
    -webkit-box-shadow: 1px 0 6px rgba(0,0,0,.2);
    box-shadow: 1px 0 6px rgba(0,0,0,.2);
    background: #fff;
    top: 96px;
    left: 0;
    z-index: 12;
}

    .recommend-menu p {
        height: 50px;
        line-height: 50px;
        font-size: 12px;
        padding: 0 16px;
        border-bottom: 1px solid #eaeaea;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .recommend-menu ul {
        max-height: 240px;
        padding: 6px 0;
        overflow: hidden;
    }

        .recommend-menu ul li {
            height: 48px;
            line-height: 48px;
            color: #333;
            cursor: pointer;
        }

            .recommend-menu ul li a {
                padding: 0 16px;
                font-size: 14px;
                display: block;
            }

                .recommend-menu ul li a img {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    vertical-align: middle;
                    margin-right: 2px;
                }

            .recommend-menu ul li:hover {
                background: #f2f2f2;
            }

    .recommend-menu:before {
        content: "";
        color: #fff;
        font-size: 40px;
        border-width: 6px;
        -webkit-box-shadow: -3px -3px 8px rgba(0,0,0,.1);
        box-shadow: -3px -3px 8px rgba(0,0,0,.1);
        -webkit-transform-origin: 0 0;
        -webkit-transform: rotate(45deg);
        transform-origin: 0 0;
        transform: rotate(45deg);
        position: absolute;
        top: -8px;
        border-style: solid;
        left: 35px;
    }

.album-cover-hover:hover, .card-img-hover img:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8;
    -khtml-opacity: .8;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

div[class*=avatar-container] .avatar-container_face, div[class*=avatar-container] > a img {
    border-radius: 50%;
    display: block;
    background: #F2F2F2;
}

    div[class*=avatar-container] .avatar-container_face img, div[class*=avatar-container] > a img img {
        border-radius: 50%;
        display: block;
    }

.avatar-container-80 {
    position: relative;
    width: 80px;
}

    .avatar-container-80.wd120 {
        width: 120px;
    }

    .avatar-container-80.center, .avatar-container-80.z-center {
        margin: 0 auto;
        position: relative;
    }

    .avatar-container-80.inline {
        display: inline;
    }

    .avatar-container-80.inline-block {
        display: inline-block;
        margin-right: -4px;
    }

    .avatar-container-80 .company-honor {
        position: absolute;
        top: 59px;
        bottom: -2px;
        right: -2px;
        width: 24px;
        height: 24px;
        line-height: initial;
    }

        .avatar-container-80 .company-honor.mt9 {
            margin-top: 9px;
        }

        .avatar-container-80 .company-honor.mt22 {
            margin-top: -22px;
        }

        .avatar-container-80 .company-honor.mt39 {
            margin-top: 39px;
        }

        .avatar-container-80 .company-honor.mr8 {
            margin-right: 8px;
        }

        .avatar-container-80 .company-honor.mr32 {
            margin-right: -32px;
        }

        .avatar-container-80 .company-honor.mr12 {
            margin-right: -12px;
        }

        .avatar-container-80 .company-honor > img {
            width: 24px;
            height: 24px;
        }

.avatar-parent-48 {
    height: 48px;
    position: relative;
    padding-left: 68px;
}

.avatar-container-48 {
    position: relative;
    width: 48px;
}

    .avatar-container-48.absolute {
        position: absolute;
        left: 0;
        top: 0;
    }

    .avatar-container-48.center {
        margin: 0 auto;
        position: inherit;
        left: inherit;
        -webkit-transform: inherit;
        transform: inherit;
    }

    .avatar-container-48.inline {
        display: inline;
    }

    .avatar-container-48.right {
        display: right;
    }

    .avatar-container-48 .company-honor {
        position: absolute;
        top: 65px;
        bottom: -2px;
        right: -2px;
        width: 20px;
        height: 20px;
        line-height: initial;
    }

        .avatar-container-48 .company-honor.at30 {
            top: 30px;
        }

        .avatar-container-48 .company-honor.mt9 {
            margin-top: 9px;
        }

        .avatar-container-48 .company-honor.mt19 {
            margin-top: -19px;
        }

        .avatar-container-48 .company-honor.mt35 {
            margin-top: -35px;
        }

        .avatar-container-48 .company-honor > img {
            width: 20px;
            height: 20px;
        }

.avatar-container-40 {
    width: 40px;
    position: relative;
}

    .avatar-container-40 .avatar-container_face > img {
        width: 40px;
        height: 40px;
    }

    .avatar-container-40 .company-honor {
        position: absolute;
        bottom: 0;
        right: -2px;
        width: 14px;
        height: 14px;
    }

        .avatar-container-40 .company-honor > img {
            width: 14px;
            height: 14px;
        }

        .avatar-container-40 .company-honor.ab2 {
            bottom: 2px;
        }

.avatar-container-30 {
    width: 30px;
    position: relative;
}

    .avatar-container-30 .avatar-container_face img {
        width: 30px;
        height: 30px;
    }

    .avatar-container-30.center {
        margin: 0 auto;
        position: inherit;
        left: inherit;
        -webkit-transform: inherit;
        transform: inherit;
    }

    .avatar-container-30.inline {
        display: inline;
    }

    .avatar-container-30.inline-block {
        display: inline-block;
    }

        .avatar-container-30.inline-block.mr16 {
            margin-right: 16px;
        }

    .avatar-container-30.wd30 {
        width: 30px!important;
    }

    .avatar-container-30 > .company-honor {
        position: absolute;
        top: 11px;
        bottom: -2px;
        right: -1px;
        width: 14px;
        height: 14px;
        line-height: initial;
    }

    .avatar-container-30 .company-honor.clear {
        width: inherit!important;
        height: initial!important;
        border-radius: initial!important;
    }

    .avatar-container-30 .company-honor > img, .company-honor.top-fix > img {
        width: 14px;
        height: 14px;
    }

    .avatar-container-30 .company-honor.mt5 {
        margin-top: 5px;
    }

    .avatar-container-30 .company-honor.mt7 {
        margin-top: 7px;
    }

    .avatar-container-30 .company-honor.mt6 {
        margin-top: 6px!important;
    }

    .avatar-container-30 .company-honor.mt9 {
        margin-top: 9px;
    }

    .avatar-container-30 .company-honor.mt18 {
        margin-top: 18px;
    }

    .avatar-container-30 .company-honor.mr16 {
        margin-right: -16px!important;
    }

    .avatar-container-30 .company-honor.mr19 {
        margin-right: 19px;
    }

    .avatar-container-30 .company-honor.mr20 {
        margin-right: 20px;
    }

.avatar-container-45 {
    position: relative;
}

.company-honor.top-fix {
    position: absolute;
    left: 17px;
    bottom: 13px;
    height: 14px;
    line-height: initial;
}

.avatar-radius > img {
    border-radius: 50%;
    display: block;
}

.zcool-treetop {
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

    .zcool-treetop a {
        float: left;
        margin-right: 4px;
    }

.people-nick-name .zcool-treetop {
    height: 18px;
}

    .people-nick-name .zcool-treetop img {
        width: 18px;
        height: 18px;
    }

.card-media .more-leaveout img, .zcool-treetop img {
    width: 16px;
    height: 16px;
}

.people-nick-name .zcool-treetop a {
    margin-top: -5px;
}

.card-media .more-leaveout:hover .leaveout-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.card-media .zcool-treetop {
    max-width: 68px;
    overflow: hidden;
}

.card-media .more-leaveout {
    height: 16px;
    margin-left: -2px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    zoom: 1;
    display: none;
}

.card-media .leaveout-tips {
    padding: 16px;
    text-align: center;
    position: absolute;
    left: 50%;
    background: #fff;
    z-index: 4;
    top: 26px;
    vertical-align: middle;
    zoom: 1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .card-media .leaveout-tips img {
        vertical-align: middle;
    }

    .card-media .leaveout-tips:before {
        content: "";
        display: block;
        width: 30px;
        height: 13px;
        background: url(../image/poptriangle.png) no-repeat;
        position: absolute;
        top: -13px;
        left: 50%;
        margin-left: -15px;
    }

.more-leaveout img {
    width: 16px;
    height: 16px;
}

.ad_card_type01 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.album-covers-260 {
    width: 260px;
    height: 195px;
    position: relative;
}

    .album-covers-260 .card-album-aspect, .album-covers-260 .card-album-placeholder {
        width: 130px;
        height: 97.5px;
        float: left;
        background: #DDD;
    }

        .album-covers-260 .card-album-aspect img {
            width: 100%;
        }

    .album-covers-260 .card-album-placeholder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .album-covers-260 .card-album-placeholder img {
            width: 48px;
        }

.card-containar-260 div.card-box {
    width: 260px;
}

    .card-containar-260 div.card-box .card-img, .card-containar-260 div.card-box .card-img a img {
        width: 260px;
        height: 195px;
    }

.personal-card .btn-area {
    padding: 0 20px;
}

.personal-card .btn-current {
    line-height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.card-type2-box {
    float: left;
    position: relative;
    background: #fff;
    margin: 0 20px 20px 0;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.card-type2-title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.card-type2-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

    .card-type2-title:hover {
        color: #03b8cf;
    }

.fire3 {
    background-image: url(../image/shouyetuijian-1.svg);
}

.fire2 {
    background-image: url(../image/bianjijingxuan-1.svg);
}

.fire1 {
    background-image: url(../image/putongtuijian-1.svg);
}

.fire-15, .fire-16, .fire-18 {
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.fire-18 {
    width: 18px;
    height: 18px;
    background-size: auto 18px;
}

.fire-16 {
    width: 16px;
    height: 16px;
    background-size: auto 16px;
}

.fire-15 {
    width: 15px;
    height: 15px;
    background-size: auto 15px;
}

.ad-media-list {
    margin-top: 10px;
}

    .ad-media-list img {
        width: 100%;
        height: 100%;
        border-radius: 4px;
        display: block;
    }

.card-btn-group-cover {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 1;
}

    .card-btn-group-cover.mtr6 {
        margin-top: 6px;
        margin-right: 6px;
    }

.hover-show-edit-group:not(.disabled):hover .card-btn-group-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.card-black-more-btn {
    width: 34px;
    height: 22px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.1);
    cursor: pointer;
    position: relative;
    background: url(../image/icon-more.svg) center no-repeat rgba(0,0,0,.2);
}

    .card-black-more-btn .filter-list-box {
        top: 26px;
    }

    .card-black-more-btn:hover {
        background: url(../image/icon-more-hover.svg) center no-repeat rgba(0,0,0,.5);
    }

.card-btn-hover-cover {
    height: 30px;
}

    .card-btn-hover-cover:hover .filter-list-box {
        display: block;
    }

@media screen and (max-width:1600px) {
     .all-work-list, .work-pure-wrap {
        width: 1380px;
    }

    .card-designer-list {
        width: 1320px;
    }

    .card-designer-list-details {
        width: 1098px;
    }

    .designer-list-box.card-right-list-box .card-designer-list, .designer-list-box.project-covers-850_1100 .card-designer-list {
        width: 1040px;
    }

    .card-box {
        width: 258px;
    }

    .card-box .card-img, .card-box .card-img a img {
            width: 260px;
            height: 130px;
        }

    .card-box .card-item .user-avatar > a {
            padding: 4px 12px;
            border: 1px solid #ececec;
            border-radius: 5px;
            font-size: 14px;
        }

    .album-card-box, .card-media, .card-type2-box {
        width: 260px;
    }

    .card-box-empty {
        height: 345px;
    }

    .card-type2-box .card-type2-img, .card-type2-box .card-type2-img a img {
        width: 260px;
        height: 195px;
    }

    .card-type2-title {
        max-width: 200px;
    }

    .personal-card {
        padding: 40px 0 30px;
    }

    .designer-card .btn-area {
        padding: 0 20px;
    }

    .designer-card .btn-area:after {
            content: "";
            display: table;
            clear: both;
        }

    .designer-card .btn-area .btn-current {
            width: 105px;
            height: 36px;
        }

    .designer-card .btn-area .js-project-focus-btn {
            height: 32px;
        }

    .personal-card .btn-current {
        width: 105px;
        height: 36px;
    }

    .work-con-box {
        width: 840px;
        height: 150px;
        overflow: hidden;
    }

    .small-work-con-box {
        width: 630px;
        height: 150px;
        overflow: hidden;
    }

    .card-box-little .card-box {
        width: 260px;
    }

    .card-box-little .card-img, .card-box-little .card-img a img {
        width: 100%;
        height: 176px;
    }

    .card-box-mid .card-box {
        width: 260px;
    }

    .card-box-mid .card-img, .card-box-mid .card-img a img {
        width: 100%;
        height: 195px;
    }

    .ad_card_type01 {
        width: 260px;
        height: 345px;
        overflow: hidden;
    }

    .ad_card_type01 #ad1 img {
            width: 260px!important;
            height: auto!important;
            margin-top: -18px;
        }

    .album-card-box .card-img {
        width: 240px;
        height: 182px;
    }

    .album-card-box .card-album-aspect img {
        width: 100%;
        height: 100%;
    }

    .album-card-box .card-album-aspect, .album-card-box .card-album-placeholder {
        width: 120px;
        height: 91px;
    }

    .album-card-box .card-album-placeholder img {
            width: 48px;
        }

    .album-card-box .card-item .user-avatar > a {
        width: 150px;
    }

    .designer-card-work {
        height: 375px;
    }

    .cate-card-box {
        width: 260px;
        height: 196px;
    }

    .cate-card-box.small-cate-card {
            width: 174px;
            height: 131px;
        }

    .card-media-mid-btn {
        width: 220px;
    }

    .ad-media-list {
        width: 260px;
    }

    .card-height-media {
        height: 345px;
    }

    .designer-big-cover {
        height: 171px;
    }
}

@media screen and (min-width:1601px) {
    .all-work-list, .work-pure-wrap {
        width: 1380px;
    }

    .card-designer-list {
        width: 1320px;
    }

    .card-designer-list-details {
        width: 1098px;
    }

    .designer-list-box.card-right-list-box .card-designer-list, .designer-list-box.project-covers-850_1100 .card-designer-list {
        width: 1040px;
    }

    .card-box {
        width: 258px;
    }

    .card-box .card-img, .card-box .card-img a img {
            width: 260px;
            height: 173px;
        }

    .card-box .card-item .user-avatar > a {
            padding: 4px 12px;
            border: 1px solid #ececec;
            border-radius: 5px;
            font-size: 14px;
        }

    .album-card-box, .card-media, .card-type2-box {
        width: 260px;
    }

    .card-box-empty {
        height: 345px;
    }

    .card-type2-box .card-type2-img, .card-type2-box .card-type2-img a img {
        width: 260px;
        height: 195px;
    }

    .card-type2-title {
        max-width: 200px;
    }

    .personal-card {
        padding: 40px 0 30px;
    }

    .designer-card .btn-area {
        padding: 0 20px;
    }

    .designer-card .btn-area:after {
            content: "";
            display: table;
            clear: both;
        }

    .designer-card .btn-area .btn-current {
            width: 105px;
            height: 36px;
        }

    .designer-card .btn-area .js-project-focus-btn {
            height: 32px;
        }

    .personal-card .btn-current {
        width: 105px;
        height: 36px;
    }

    .work-con-box {
        width: 840px;
        height: 150px;
        overflow: hidden;
    }

    .small-work-con-box {
        width: 630px;
        height: 150px;
        overflow: hidden;
    }

    .card-box-little .card-box {
        width: 260px;
    }

    .card-box-little .card-img, .card-box-little .card-img a img {
        width: 100%;
        height: 176px;
    }

    .card-box-mid .card-box {
        width: 260px;
    }

    .card-box-mid .card-img, .card-box-mid .card-img a img {
        width: 100%;
        height: 195px;
    }

    .ad_card_type01 {
        width: 260px;
        height: 345px;
        overflow: hidden;
    }

    .ad_card_type01 #ad1 img {
            width: 260px!important;
            height: auto!important;
            margin-top: -18px;
        }

    .album-card-box .card-img {
        width: 240px;
        height: 182px;
    }

    .album-card-box .card-album-aspect img {
        width: 100%;
        height: 100%;
    }

    .album-card-box .card-album-aspect, .album-card-box .card-album-placeholder {
        width: 120px;
        height: 91px;
    }

    .album-card-box .card-album-placeholder img {
            width: 48px;
        }

    .album-card-box .card-item .user-avatar > a {
        width: 150px;
    }

    .designer-card-work {
        height: 375px;
    }

    .cate-card-box {
        width: 260px;
        height: 196px;
    }

    .cate-card-box.small-cate-card {
            width: 174px;
            height: 131px;
        }

    .card-media-mid-btn {
        width: 220px;
    }

    .ad-media-list {
        width: 260px;
    }

    .card-height-media {
        height: 345px;
    }

    .designer-big-cover {
        height: 171px;
    }
}

.js-focus-loadding-btn {
    min-width: 70px;
    height: 10px;
    margin: -5px auto 0 -35px;
    position: absolute;
    top: 50%;
    left: 50%;
}

    .js-focus-loadding-btn div {
        float: left;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        border-radius: 50%;
        -webkit-animation: scale .3s linear infinite;
        animation: scale .3s linear infinite;
    }

@-webkit-keyframes scale {
    0% {
        opacity: .4;
    }

    50% {
        opacity: .7;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        opacity: .4;
    }

    50% {
        opacity: .7;
    }

    100% {
        opacity: 1;
    }
}

.focus-loadding-y div:nth-child(1) {
    background: rgba(40,40,40,.4);
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.focus-loadding-y div:nth-child(2) {
    background: rgba(40,40,40,.7);
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.focus-loadding-y div:nth-child(3) {
    background: #282828;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.focus-loadding-s div:nth-child(1) {
    background: rgba(187,187,187,.4);
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.focus-loadding-s div:nth-child(2) {
    background: rgba(187,187,187,.7);
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.focus-loadding-s div:nth-child(3) {
    background: #bbb;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.btn-area .js-c-loading-cover, .btn-area .js-project-focus-btn {
    display: inline-block;
}

.js-c-loading-cover, .js-project-focus-btn {
    position: relative;
}

.card-right-list-box.mt-5 {
    margin-top: 5px;
}

.separate-designer-list-wrap .separate-card-list {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.focus-card-tag-wrap {
    padding-top: 10px;
    padding-left: 130px;
    background: #fff;
    position: relative;
}

span[class^=card-offer-tag] {
    color: #F4523B;
    font-size: 10px;
    padding: 0 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #F4523B;
    border-radius: 2px;
}

    span[class^=card-offer-tag]:nth-of-type(2n) {
        color: #FF8600;
        border-color: #FF8600;
    }

.color_bar {
    width: 100%;
    height: 3px;
    background-color: #333;
    background-position: 0 0;
    background-repeat: repeat;
    background-image: -webkit-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    background-image: -o-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    background-image: -moz-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    background-image: repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    animation: animate-colors 200s infinite linear;
    animation-play-state: paused;
}

@keyframes animate-colors {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 7000px 0;
    }
}

.color_bar {
    animation-play-state: running;
}


.thumb {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 66.7%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	position: relative;
	overflow: hidden;
	transition: all .2s
}



.container {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
	*zoom: 1
}

@media (min-width:768px) {
	.container {
		max-width: 768px;
		overflow: visible
	}
}

@media (min-width:1024px) {
	.container {
		max-width: 1380px
	}
}

.container:before,.container:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: none;
	clear: both
}

.container .row {
	margin: 0 -7.3333px
}

.container .col-1-3,.container .col-2-3,.container .col-1-4,.container .col-2-4,.container .col-3-4 {
	float: left;
	box-sizing: border-box;
	padding: 0 7.3333px;
	width: 100%
}

@media (min-width:768px) {
	.container .col-1-3 {
		width: 33.3333%
	}
}

@media (min-width:768px) {
	.container .col-2-3 {
		width: 66.6667%
	}
}

@media (min-width:768px) {
	.container .col-1-4 {
		width: 50%
	}
}

@media (min-width:1024px) {
	.container .col-1-4 {
		width: 25%
	}
}

@media (min-width:768px) {
	.container .col-2-4 {
		width: 100%
	}
}

@media (min-width:1024px) {
	.container .col-2-4 {
		width: 50%;
		padding-right: 8px
	}
}

@media (min-width:768px) {
	.container .col-3-4 {
		width: 100%
	}
}

@media (min-width:1024px) {
	.container .col-3-4 {
		width: 75%;
		padding-right: 8.6666px
	}
}

@media (min-width:1024px) {
	.home-first {
		background: #fff;
	}
}

.home-first .container {
	padding-top: 0
}


.home-first .vitara_slide_in {
	border-radius: 3px;
	margin-bottom: 15px;
	margin-top: 15px
}

@media (min-width:1024px) {
	.home-first .vitara_slide_in {
		margin-bottom: 0;
		margin-top: 0
	}
}

@media (max-width:767px) {
	.home-first .vitara_slide_in ul li h3 {
		display: none
	}
}

.home-first .h-images {
	margin: 0;
	box-sizing: content-box;
	padding: 0;
	*zoom: 1
}

.home-first .h-images:before,.home-first .h-images:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: none;
	clear: both
}

.home-first .h-images::after {
	content: '';
	display: block;
	margin: 0 -15px;
	height: 0;
	border-bottom: 15px solid #f2f2f2
}

@media (min-width:768px) {
	.home-first .h-images::after {
		display: none
	}
}

@media (min-width:768px) {
	.home-first .h-images {
		width: 100%;
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between
	}
}

@media (min-width:1024px) {
	.home-first .h-images {
		width: 25%
	}
}

.home-first .h-images .item-tuwen {
	float: left;
	width: 50%;
	padding: 0 6.5px
}

@media (min-width:1024px) {
	.home-first .h-images .item-tuwen {
		float: none
	}
}

@media (min-width:1024px) {
	.home-first .h-images {
		box-sizing: border-box;
		display: block;
		padding: 0 7.3333px
	}

	.home-first .h-images .item-tuwen {
		width: 335px;
		padding: 0
	}
}

.home-first .item-tuwen {
	margin-bottom: 15px
}

@media (min-width:768px) {
	.home-first .item-tuwen {
		margin-bottom: 13px
	}
}

.home-first .item-tuwen a {
	display: block;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
    height:180px;
}

.home-first .item-tuwen a .thumb {
	padding-top: 57%;
	transform-origin: center;
	transition: all .2s
}

.home-first .item-tuwen a strong {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: .4em .8em .6em;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	letter-spacing: .5px;
	line-height: 1.3;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#99000000', GradientType=0);
	box-shadow: 0 -7px 15px rgba(0,0,0,0.2);
	z-index: 10
}

@media (min-width:768px) {
	.home-first .item-tuwen a strong {
		display: block;
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: 1px
	}
}

.home-first .hf-widget {
	border: 1px solid #f2f2f2;
	padding: 14px 17px 0;
	box-sizing: border-box;
	margin-bottom: 15px;
	box-shadow: 8px 8px 12px #fafafa;
	background: #fff
}

@media (min-width:768px) {
	.home-first .hf-widget {
		height: 135px;
		overflow: hidden
	}
}

@media (min-width:1024px) {
	.home-first .hf-widget {
		margin-bottom: 0
	}
}

.home-first .hf-widget [class*=" icon-"]:before,.home-first .hf-widget [class^="icon-"]:before {
	margin: 0
}

.home-first .hf-widget .hf-widget-title {
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 1px;
	border-bottom: 1px solid #f2f2f2;
	padding: 0 0 10px;
	margin-bottom: 14px;
	color: #383838
}

.home-first .hf-widget .hf-widget-title a {
	color: #383838
}

.home-first .hf-widget .hf-widget-title>i {
	color: #03b8cf;
	margin-right: 2px
}

.home-first .hf-widget .hf-widget-title span {
	font-size: 12px;
	font-weight: normal;
	color: #a7a7a7;
	line-height: 20px;
	margin-left: 10px
}

@media (min-width:1024px) {
	.home-first .hf-widget .hf-widget-title span {
		display: none
	}
}

@media (min-width:1380px) {
	.home-first .hf-widget .hf-widget-title span {
		display: inline
	}
}

.home-first .hf-widget .hf-widget-title .pages {
	float: right;
	padding-top: 2px
}

.home-first .hf-widget .hf-widget-title .pages .prev,.home-first .hf-widget .hf-widget-title .pages .next {
	font-size: 9px;
	border: 1px solid #eee;
	float: left;
	margin: 0;
	color: #ccc;
	height: 16px;
	line-height: 15px;
	padding: 0 2px;
	cursor: pointer
}

.home-first .hf-widget .hf-widget-title .pages .prev:hover,.home-first .hf-widget .hf-widget-title .pages .next:hover {
	color: #03b8cf
}

.home-first .hf-widget .hf-widget-title .pages .prev {
	border-right: none
}

.home-first .hf-widget .hf-tags {
	margin-bottom: -10px
}

@media (min-width:768px) {
	.home-first .hf-widget .hf-tags {
		height: 64px;
		overflow: hidden
	}
}

.home-first .hf-widget .hf-tags a {
	display: inline-block;
	white-space: nowrap;
	word-break: break-all;
	font-size: 12px;
	background: #f9f9f9;
	color: #888;
	border-radius: 2px;
	margin: 0 5px 10px;
	line-height: 22px;
	height: 22px;
	padding: 0 5px
}

.home-first .hf-widget .hf-tags a:hover {
	background: #03b8cf;
	color: #fff
}

.home-first .hf-widget .hf-tags a.style_orange {
	background: #03b8cf;
	color: #fff
}

.home-first .hf-widget-4 .hf-widget-title {
	margin-bottom: 10px
}

.home-first .hf-widget-4 .hf-widget-content {
	font-size: 14px;
	color: #888
}

.home-first .hf-widget-4 .hf-widget-content a {
	color: #888
}

.home-first .hf-widget-4 .hf-widget-content a:hover {
	color: #03b8cf
}

.home-first .hf-widget-4 .hf-widget-content h3 {
	font-weight: normal;
	font-size: 13px;
	line-height: 23px;
	height: 23px;
	overflow: hidden
}

.home-first .hf-widget-4 .hf-widget-content em {
	float: right;
	padding: 0 5px;
	height: 22px;
	line-height: 22px;
	border-radius: 2px;
	background: #ddf3f5;
	color: #03b8cf;
	font-size: 12px;
	font-style: normal
}

.home-first .hf-widget-4 .hf-widget-content ul {
	background: #fff
}

.home-first .hf-widget-4 .hf-widget-content ul li {
	margin-bottom: 5px
}

.home-first .hf-widget-4 .hf-widget-content ul li:last-child {
	margin-bottom: 0
}

.home-first .hf-widget-1 .hf-widget-content a {
	color: #888
}

.home-first .hf-widget-1 .hf-widget-content a:hover {
	color: #03b8cf
}

.home-first .hf-widget-1 .hf-widget-content li {
	float: left;
	font-size: 12px;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	padding: 0 10px
}

.home-first .hf-widget-1 .hf-widget-content li .thumb {
	width: 36px;
	padding-top: 36px;
	margin: 0 auto 4px
}

.home-first .hf-widget-1 .hf-widget-content li span {
	display: block;
	height: 16px;
	line-height: 16px;
	overflow: hidden
}

.home-first .hf-widget-1 .hf-widget-content .scroll-h {
	margin: 0 -10px
}

.home-first .scroll-h {
	position: relative;
	overflow: hidden;
	height: 56px
}

.home-first .scroll-h ul {
	/*position: absolute;*/
	left: 0;
	top: 0;
	width: 100%;
	*zoom: 1;
	transition: all .2s
}


.home-first .scroll-h ul:before,.home-first .scroll-h ul:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: none;
	clear: both
}

.home-first .scroll-h .holdon {
	position: absolute;
	left: 100%;
	top: 0
}

.home-first .scroll-h .holdon-prev {
	left: -100%
}

.home-first .hf-widget-hot-cats .icon {
	font-size: 20px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 100%;
	background: #fff5f0;
	color: #03b8cf;
	display: inline-block;
	/*margin-bottom: 5px*/
}

.home-first .hf-widget-hot-cats .scroll-h li a {
	display: block
}

.home-first .hf-widget-hot-cats .scroll-h li a:hover .icon {
	background: #03b8cf;
	color: #fff
}


.all-tags-list {
    padding-bottom:20px;
}
.all-tags-list a {
    display: inline-block;
    padding: 5px 15px;
    margin: 5px 5px 5px 0;
    color: #777;
    border-radius: 5px;
    background-color:#f1f1f1;
}

.all-tags-list a:hover {
    color: #fff;
    background-color:#03b8cf;
}

.link-tags-list a {
    margin: 10px 0 5px 20px;
    color: #777;
}

.link-tags-list a:hover {
    color: #03b8cf;
}

.category_class {
    font-size: 14px !important;
    display: block;
    border: 1px solid #ececec;
    padding: 5px 8px;
    border-radius: 5px;
}
.category_class:hover{
    color: #fff !important;
    background-color:#03b8cf;
}

.article-content-wraper a {
    text-decoration:underline !important;
}